Move }s to new lines in CSS files

static/admin.css

@@ -3,80 +3,100 @@
    100%+20px) */
 
 *, *:before, *:after {
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 body {
-  font-family: sans-serif; }
+  font-family: sans-serif;
+}
 
 .text-button {
   font-size: 10pt;
-  font-weight: normal; }
+  font-weight: normal;
+}
 
 .text-button::before {content: "[";}
 .text-button::after  {content: "]";}
 
 textarea {
-  font-size: 100%; }
+  font-size: 100%;
+}
 
 input {
-  font-size: 100%; }
+  font-size: 100%;
+}
 
 .text-button > a:visited {color: #008ACE;}
 
 textarea {
   border: 1px solid #ccc;
-  padding: 5px 7px; }
+  padding: 5px 7px;
+}
 
 textarea:focus {
   outline: 0px none;
-  border: 1px solid #07C; }
+  border: 1px solid #07C;
+}
 
 .edit {
   padding: 0.3em 1em;
   margin: 1em 0.5em;
-  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
+  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
 
 .edit-info {
   color: gray;
-  opacity: 0.8; }
+  opacity: 0.8;
+}
 
 #edits > * > h2 {
-  margin-top: 3em; }
+  margin-top: 3em;
+}
 
 #edits table {
   width: 100%;
   border: none;
-  table-layout: fixed; }
+  table-layout: fixed;
+}
 
 #edits td {
   width: 100%;
   vertical-align: top;
-  padding: 0.5em 0.5em; }
+  padding: 0.5em 0.5em;
+}
 
 #edits td:first-child {
-  padding-left: 0; }
+  padding-left: 0;
+}
 
 #edits td:last-child {
-  padding-right: 0; }
+  padding-right: 0;
+}
 
 #stats table {
   border-collapse: collapse;
   border-spacing: 0;
   empty-cells: show;
   border: 1px solid gray;
-  margin-bottom: 1em; }
+  margin-bottom: 1em;
+}
 
 #stats thead {
-  background-color: #e0e0e0; }
+  background-color: #e0e0e0;
+}
 
 #stats th {
-  text-align: left; }
+  text-align: left;
+}
 
 #stats th, #stats td {
-  padding: 0.5em 1em; }
+  padding: 0.5em 1em;
+}
 
 table.sortable th {
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
-  content: " \25B4\25BE"; }
+  content: " \25B4\25BE";
+}

static/css.css

@@ -3,27 +3,29 @@
    100%+20px) */
 
 *, *:before, *:after {
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 /* Making the footer stick to the bottom of the screen */
 
 body {
   display: flex;
   min-height: 100vh;
-  flex-direction: column; }
+  flex-direction: column;
+}
 
 #main {
-  flex: 1; }
+  flex: 1;
+}
 
 /* headers look bad when the width is small, so */
 
 h1 {
-  line-height: 100%; }
+  line-height: 100%;
+}
 
 /* Other CSS */
 
-/* TODO: move }s to new lines */
-
 #footer {
   display: flex;
   flex-flow: row wrap;
@@ -31,16 +33,19 @@ h1 {
   padding: 1.5em 0 0em 0;
   margin: 0 -1em;
   margin-top: 2em;
-  border-top: 1px solid black; }
+  border-top: 1px solid black;
+}
 
 .footer-item {
   margin: 0 1em;
   min-height: 40px;
-  text-align: center; }
+  text-align: center;
+}
 
 .unemployed {
   font-size: 50%;
-  margin-top: -0.3em; }
+  margin-top: -0.3em;
+}
 
 body {
   padding: 0px 15px;
@@ -48,36 +53,44 @@ body {
   margin: auto;
   max-width: 800px;
   font-family: sans-serif;
-  line-height: 120%; }
+  line-height: 120%;
+}
 
 #noscript-message {
   padding: 1px 1em;
-  background-color: #FFEBEE; }
+  background-color: #FFEBEE;
+}
 
 #search {
   font-size: 200%;
   border: 1px solid #d0d0d0;
   padding: 3px 10px;
-  width: 100%; }
+  width: 100%;
+}
 
 #categories {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
-  margin-top: 1em; }
+  margin-top: 1em;
+}
 
 #categories a {
   font-weight: bold;
   line-height: 140%;
   font-size: 110%;
-  padding: 2px 1px; }
+  padding: 2px 1px;
+}
 
 #categories a.status-mostly-done {
-  background-color: #fdd; }
+  background-color: #fdd;
+}
 #categories a.status-wip {
-  background-color: #faa; }
+  background-color: #faa;
+}
 #categories a.status-stub {
-  background-color: #f78; }
+  background-color: #f78;
+}
 
 #categories .status {
   margin-left: 5px;
@@ -89,108 +102,138 @@ body {
   min-width: 350px; }
 
 .category {
-  margin-top: 3em; }
+  margin-top: 3em;
+}
 
 .item {
-  margin-top: 20px; }
+  margin-top: 20px;
+}
 
 .item-info {
-  padding: 10px 15px; }
+  padding: 10px 15px;
+}
 
 .item-info .controls {
-  float: right; }
+  float: right;
+}
 
 .item-info .controls img {
   opacity: 0.4;
-  height: 23px; }
+  height: 23px;
+}
 
 .category-info .controls {
   margin-right: 0.5em;
-  vertical-align: -1px; }
+  vertical-align: -1px;
+}
 
 .category-info .controls img {
   opacity: 0.3;
-  height: 20px; }
+  height: 20px;
+}
 
 .category-info .group {
   font-size: 60%;
   font-weight: normal;
-  color: gray; }
+  color: gray;
+}
 
 .trait-controls img {
   opacity: 0.5;
-  width: 12px; }
+  width: 12px;
+}
 
 /* increase the clickable area */
 .trait-controls a {
   display: inline-block;
-  padding: 5px; }
+  padding: 5px;
+}
 
 .trait-controls {
-  margin-left: -7px; }
+  margin-left: -7px;
+}
 
-.item-traits, .item-notes, .item-description, .item-ecosystem {
+.item-traits,
-  padding: 10px 15px 20px 15px; }
+.item-notes,
+.item-description,
+.item-ecosystem {
+  padding: 10px 15px 20px 15px;
+}
 
 .traits-groups-container {
   display: flex;
   flex-wrap: wrap;
-  margin: 0px -15px; }
+  margin: 0px -15px;
+}
 
 .traits-group {
   flex: 1;
   min-width: 300px;
-  padding: 0px 15px; }
+  padding: 0px 15px;
+}
 
 .traits-group > ul {
-  padding-left: 1em; }
+  padding-left: 1em;
+}
 
 .traits-group > ul li {
-  margin: 10px 0px; }
+  margin: 10px 0px;
+}
 
 .text-button {
   font-size: 10pt;
-  font-weight: normal; }
+  font-weight: normal;
+}
 
 .text-button::before {content: "[";}
 .text-button::after  {content: "]";}
 
 textarea {
-  font-size: 100%; }
+  font-size: 100%;
+}
 
 input {
-  font-size: 100%; }
+  font-size: 100%;
+}
 
 .text-button > a:visited {color: #008ACE;}
 h1           > a:visited {color: #008ACE;}  /* for header in category pages */
 
 a.anchor {
   margin-right: 0.5em;
-  color: gray; }
+  color: gray;
+}
 
 form {
-  margin: 0; }
+  margin: 0;
+}
 
 textarea {
   border: 1px solid #ccc;
-  padding: 5px 7px; }
+  padding: 5px 7px;
+}
 
 textarea:focus {
   outline: 0px none;
-  border: 1px solid #07C; }
+  border: 1px solid #07C;
+}
 
 textarea.big {
-  padding: 10px; }
+  padding: 10px;
+}
 
 .fullwidth {
-  width: 100%; }
+  width: 100%;
+}
 
 textarea.fullwidth {
-  resize: vertical; }
+  resize: vertical;
+}
 
 .notes-toc {
   background-color: rgba(10, 10, 10, 0.1);
-  padding: 1px 0; }
+  padding: 1px 0;
+}
 
 .diff-popup {
   background: white;