From c997689c3059de3ef25b03f198c7d7db150097cb Mon Sep 17 00:00:00 2001
From: "Ilya Ig. Petrov" <ilyaigpetrov@gmail.com>
Date: Tue, 28 Feb 2017 12:54:12 +0000
Subject: [PATCH] Fix layout, ready for UI release

---
 .../pages/choose-pac-provider/index.html      | 21 +++++++++++++++----
 .../pages/choose-pac-provider/index.js        |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html
index e0af068..2954cef 100644
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html
@@ -9,7 +9,6 @@
         --default-grey: #bfbfbf;
         max-width: 28em;
       }
-
       body {
         margin: 0;
       }
@@ -33,9 +32,23 @@
       ul, ol {
         list-style-type: none;
       }
+      :root:not(.if-options-page) ul,
+      :root:not(.if-options-page) ol {
+        /*Here is a flex bug:
+          () antizapret [update]                     (i)
+          () anticensority very_long_foobar [update]  (i) <- Sic!
+          Also: options page is wider, check it too.
+          But: fixed 100% width conflicts with margins/paddings.
+          So: use only when needed and avoid margins.
+          FYI: setting left-margin fixes problem too, but margins are not wanted.
+          Fix this problem below:
+        */
+        display: inline-block;
+        min-width: 100%;
+      }
       :root.if-options-page ul,
       :root.if-options-page ol,
-      #list-of-handlers {
+      #list-of-notifiers {
         margin-left: 0.4em;
       }
       li, footer {
@@ -273,7 +286,7 @@
       .update-button {
         visibility: hidden;
       }
-      input:checked ~ .update-button {
+      input:checked ~ .label-container .update-button {
         visibility: inherit;
       }
       #none:checked + label {
@@ -465,7 +478,7 @@
 
       <section data-for="acc-ntf">
         <header>Я ❤️ yведомления:</header>
-        <ul id="list-of-handlers"></ul>
+        <ul id="list-of-notifiers"></ul>
 
       </section>
 
diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js
index 9d057d2..881916d 100644
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.js
@@ -629,7 +629,7 @@ HTTPS 11.22.33.44:8080;">${conf.value || localStorage.getItem(uiRaw) || ''}</tex
 
       // NOTIFICATIONS PANEL
 
-      const conPanel = document.getElementById('list-of-handlers');
+      const conPanel = document.getElementById('list-of-notifiers');
       errorHandlers.getEventsMap().forEach( (value, name) => {
 
         const li = document.createElement('li');