saucy/app/assets/stylesheets/application.css

/* Application styles */

body {
  margin: 0px;
}

main, nav, footer {
  margin: 0 auto;
  max-width: 1000px;
}

main {
  padding: 10px;
}

.banner {
  width: 100%;
  padding: 15px;
  background-size: auto 30px;
  background-repeat: no-repeat;
  background-position: center;
}

footer {
  border-top: 1px solid #aaa;
  margin-top: 20px;
  padding: 20px 10px;
}

footer div + div { margin-top: 10px; }


table {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 20px 0;
  width: calc(100% - 42px);
}

td, th { padding: 10px; text-align: left; }

table.zebra tr:nth-child(2n) { background-color: #eee; }
table.lined tr:nth-child(n + 2) td { border-top: 1px solid #eee; }

ul {
  padding-left: 5px;
  margin: 0;
}

li { padding: 5px 0px; }

table.noborder { border: 0; margin: 0; }

nav ul { display: flex; flex-wrap: wrap; padding: 10px; list-style-type: none; gap: 20px; }
nav ul li { margin: 0; padding: 0; }

.contribution-actions {
  list-style-type: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.contribution-actions li { padding: 0; }