Issue 6209 - Updated woff fonts and table status column for long texts

skin/desktop-options.css

 /*
  * This file is part of Adblock Plus <https://adblockplus.org/>,
  * Copyright (C) 2006-present eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>.
  */
 
 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(fonts/SourceSansPro-Light.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(fonts/SourceSansPro-Light.woff) format("woff");
+  src: local("Ø"), url("fonts/Source-Sans-Pro/300.woff2") format("woff2"),

[saroyanm, 2018/01/10 11:03:20]

Adjust as was mentioned in the regular Comments of this review ->
https://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=cyrillic,cyril...

+    url(fonts/SourceSansPro-Light.woff) format("woff");
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(fonts/SourceSansPro-Regular.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(fonts/SourceSansPro-Regular.woff) format("woff");
+  src: local("Ø"), url("fonts/Source-Sans-Pro/400.woff2") format("woff2"),
+    url(fonts/SourceSansPro-Regular.woff) format("woff");
   font-style: normal;
 }
 
 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(fonts/SourceSansPro-bold.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(fonts/SourceSansPro-bold.woff) format("woff");
+  src: local("Ø"), url("fonts/Source-Sans-Pro/700.woff2") format("woff2"),
+    url(fonts/SourceSansPro-bold.woff) format("woff");
   font-weight: 700;
   font-style: normal;
 }
 
 html
 {
   font-size: 16px;
 }
 
 body
@@ skipping 883 matching lines @@
 {
   display: flex;
 }
 
 .col5 > *
 {
   display: inline-block;
   vertical-align: middle;
 }
 
-.cols .col5
+.cols .col5,
+.th .col5
 {
   margin: 0rem 1rem;
+  align-self: center;
 }
 
 .th .col5:nth-of-type(1),
 .table .col5:nth-of-type(1)
 {
-  flex: 4;
+  flex: 5;
 }
 
 .th .col5:nth-of-type(2),
 .table .col5:nth-of-type(2)
 {
   flex: 8;
 }
 
 .th .col5:nth-of-type(3),
 .table .col5:nth-of-type(3)
@@ skipping 20 matching lines @@
 .table.cols .display
 {
   margin: 0rem;
 }
 
 .table.cols li
 {
   padding: 0.5rem 0rem;
 }
 
-.table.cols .state
+.table.cols .toggle
 {
-  -moz-margin-start: 1rem;
-  -webkit-margin-start: 1rem;
+  -moz-margin-end: 0.5rem;

[saroyanm, 2018/01/02 17:36:11]

I'll reflect this changes in the Specs. accordingly if Jeen agree on using 0.5em
instead (I'm followup after she answer me in IRC).

[saroyanm, 2018/01/10 11:03:20]

This change was aligned with Jeen and the issue to reflect this change in the
specification as well is filed:
https://gitlab.com/eyeo/spec/issues/126

+  -webkit-margin-end: 0.5rem;
 }
 
 .table.cols .gear
 {
   margin: 0rem 
 }
 
 #dialog .table.list li
 {
   display: block;
@@ skipping 501 matching lines @@
   font-size: 1rem;
   color: #077CA6;
   background-color: #E1F2FA;
 }
 
 #notification strong
 {
   flex: 1;
   text-align: center;
 }