Theme fixes

Console:
- /tunnels: Fix display issue with inbound/outbound glyph display in table
  header (classic/light)
- light: Prevent routerlogs from causing horizontal page overflow 

I2PSnark:
- Reduce size of screenlog font at 1400-1600px viewport width to lessen
  chance of text-wrapping (ticket #1996)
- classic: Fix a linespacing issue in the config section (options:) that only
  triggers in foreign languages that force the options td to wrap

history.txt

@@ -1,7 +1,16 @@
 2017-07-11 str4d
- * Console: Increase displayed changelog lines to help ensure at least one
-   whole release cycle is visible
- * I2PSnark: Fix I2PSnarkUtil.getCommentsName() to match its JavaDoc
+ * Console:
+   - Increase displayed changelog lines to help ensure at least one whole
+     release cycle is visible
+   - /tunnels: Fix display issue with inbound/outbound glyph display in table
+     header (classic/light)
+   - light: Prevent routerlogs from causing horizontal page overflow
+ * I2PSnark:
+   - Fix I2PSnarkUtil.getCommentsName() to match its JavaDoc
+   - Reduce size of screenlog font at 1400-1600px viewport width to lessen
+     chance of text-wrapping (ticket #1996)
+   - classic: Fix a linespacing issue in the config section (options:) that only
+     triggers in foreign languages that force the options td to wrap
  * Fix HTML tags across non-default conditional branches
 
 2017-07-08 zzz

installer/resources/themes/console/classic/console.css

@@ -6319,6 +6319,7 @@ table.sybil_routerinfo:last-child {
 
 .tunnels_client th:first-child::after {
      content: "\21E9\21E7";
+     font-family: sans-serif;
      font-size: 12pt;
      line-height: 0;
      vertical-align: middle;

installer/resources/themes/console/light/console.css

@@ -1903,7 +1903,7 @@ table#wrapperlogs {
 
 #logs ul {
      margin-left: 0;
-     margin-right: -28px;
+     margin-right: -26px;
      display: inline-block;
      word-break: break-all;
 }
@@ -6246,8 +6246,8 @@ body {
 }
 
 .tunnels_client th:first-child::after {
-     content: "\21F5";
      content: "\21E9\21E7";
+     font-family: sans-serif;
      font-size: 12pt;
      line-height: 0;
      vertical-align: middle;

installer/resources/themes/console/midnight/console.css

@@ -1294,6 +1294,7 @@ div.logo hr {
      border-collapse: separate;
      border-spacing: 0;
      margin-top: -5px !important;
+     margin-bottom: -9px !important;
 }
 
 #sb_localtunnels a {
@@ -6210,11 +6211,11 @@ form[action="events"] {
 }
 
 .routersummary .testing {
-     border: 1px dotted #4F4B1D;
+     border: 1px dotted #4f4b1d;
 }
 
 .routersummary .hidden, .routersummary .vmcomm {
-     border: 1px dotted #777;
+     border: 1px solid #241f69;
 }
 
 .routersummary .running {

installer/resources/themes/console/midnight/i2ptunnel.css

@@ -381,12 +381,12 @@ textarea:focus {
      transition: ease filter 0.3s 0s;
 }
 
-textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus  {
+textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus {
      margin: 0;
      border: 0;
      box-shadow: none;
      height: 80px;
-     font-size: 9pt;
+     font-size: 8pt;
      width: 100%;
      border-radius: 0;
      padding: 2px 4px;
@@ -478,7 +478,7 @@ input[type="password"] {
      cursor: text;
 }
 
-input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus  {
+input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus {
      background: #000;
      background: linear-gradient(to bottom, #000 0%, #000019 100%);
      box-shadow: inset 0 0 3px 3px #000;
@@ -951,7 +951,7 @@ input[type="checkbox"], input[type="radio"] {
      margin: 5px 3px 5px 5px;
 }
 
-.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField  {
+.freetext, .tunnelConfig textarea, #customOptions, #userAgents, #hostField {
      margin: 5px !important;
 }
 
@@ -998,7 +998,6 @@ td.tunnelDestination, td.tunnelDescription {
 
 /* end more space */
 
-
 /* responsive layout */
 
 @media screen and (max-width: 800px) {
@@ -1041,6 +1040,10 @@ body, td, .control, select, input, textarea {
      font-size: 10pt !important;
 }
 
+textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus {
+     font-size: 9pt !important;
+}
+
 td {
      padding: 7px 5px;
 }

installer/resources/themes/snark/classic/snark.css

@@ -1788,13 +1788,6 @@ img:hover {
      display: none;
 }
 
-#configs td:first-child::before {
-     content: "";
-     min-height: 34px;
-     display: inline-block;
-     vertical-align: middle;
-}
-
 #configs a {
      font-weight: bold;
 }
@@ -2225,7 +2218,6 @@ hr.debug:last-child {
 
 /* configs */
 
-
 #configs td:nth-child(2) {
      white-space: nowrap;
 }
@@ -2661,7 +2653,7 @@ body, th, td, table a, input, input[type="text"], input.r, input[name="nofilter_
 }
 
 .snarkMessages li, .snarkTorrents tt {
-     font-size: 9pt;
+     font-size: 8pt !important;
 }
 
 .snarkTorrentAction input[type="image"], .snarkTorrents th:last-child input[type="image"] {
@@ -2686,6 +2678,12 @@ td.snarkTorrentDownloaded {
 }
 }
 
+@media screen and (min-width: 1600px) {
+.snarkMessages li, .snarkTorrents tt {
+     font-size: 9pt !important;
+}
+}
+
 /* mini-mode */
 
 @media screen and (max-width: 800px) {

installer/resources/themes/snark/ubergine/snark.css

@@ -2835,10 +2835,14 @@ code {
      width: 1%;
 }
 
-tt, .snarkMessages, input,  textarea {
+tt, input,  textarea {
      font-size: 9pt !important;
 }
 
+.snarkMessages {
+     font-size: 8pt !important;
+}
+
 input[type="text"], input.r, input[name="nofilter_dataDir"], .configsectionpanel textarea {
      padding: 6px !important;
 }
@@ -2901,6 +2905,10 @@ select {
 .snarkTorrentUploaded {
      padding-left: 6px;
 }
+
+.snarkMessages {
+     font-size: 9pt !important;
+}
 }
 
 /* mini-mode */

installer/resources/themes/snark/vanilla/snark.css

@@ -2817,10 +2817,14 @@ body, .snarkTorrents td, .snarkAddInfo, th, td, .snarkFileName, a.control, input
      font-size: 10pt !important;
 }
 
-tt, .snarkTorrents tt, .snarkMessages, textarea {
+tt, .snarkTorrents tt, textarea {
      font-size: 9pt !important;
 }
 
+.snarkMessages {
+     font-size: 8pt !important;
+}
+
 .snarkAddInfo, .configsectionpanel td, .snarkNewTorrent td, .configsectionpanel th,
 .configsectionpanel td, .snarkNewTorrent td, select, select option, input, textarea, input[name="nofilter_dataDir"] {
      font-size: 10pt !important;
@@ -2934,6 +2938,12 @@ tr#torrentInfoStats td {
 }
 }
 
+@media screen and (min-width: 1600px) {
+.snarkMessages {
+     font-size: 9pt !important;
+}
+}
+
 /* mini-mode */
 
 @media screen and (max-width: 800px) {