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"),
+    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 > span
 {
   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;
+  -webkit-margin-end: 0.5rem;
 }
 
 .table.cols .gear
 {
   margin: 0rem 
 }
 
 #dialog .table.list li
 {
   display: block;
@@ skipping 502 matching lines @@
   font-size: 1rem;
   color: #077CA6;
   background-color: #E1F2FA;
 }
 
 #notification strong
 {
   flex: 1;
   text-align: center;
 }