Merge branch 'dev' into refactor-out-circular-dependencies

css/styles.scss

@@ -430,8 +430,8 @@ a:visited {
     position: absolute; /* Stay in place */
     right: 0;
     top: 0;
-    height: 205px; /* Full height */
-    padding: 5px;
+    height: auto; /* Full height */
+    padding: 8px;
     border: 2px solid var(--my-highlight-color);
     width: 19%;
     overflow: auto; /* Enable scroll if needed */
@@ -440,12 +440,18 @@ a:visited {
 }
 
 #character-overview-text {
-    padding: 4px;
-    margin: 8px;
     color: #fff;
     background-color: #444;
 }
 
+.character-stat-text {
+    color: #fff;
+    background-color: #444;
+}
+ .character-stat-cell {
+    text-align: right;
+}
+
 #character-overview-save-button,
 #character-overview-options-button {
     @include borderRadius(12px);
@@ -458,6 +464,10 @@ a:visited {
     background-color: #000;
 }
 
+.character-quick-options {
+    padding-top: 5px;
+}
+
 #character-overview-save-button:hover,
 #character-overview-save-button:focus,
 #character-overview-options-button:hover,
@@ -537,3 +547,11 @@ a:visited {
 .accordion-panel ul > li {
     background-color: #555;
 }
+
+/* override the global <span> styling */
+#active-scripts-total-production-active,
+#active-scripts-total-prod-aug-total,
+#active-scripts-total-prod-aug-avg {
+    margin: 0;
+    padding: 0;
+}