From 2742cbe120270a3de865f078c5f4ee15a7785ab2 Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <therealdoctorgonzo@gmail.com>
Date: Thu, 14 Nov 2019 19:17:25 -0500
Subject: [PATCH] Sync status shouldn't be clickable (#804)

* Sync status shouldn't be clickable

* sync status shouldn't be clickable
---
 options.html        |  4 ++--
 options/options.css | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/options.html b/options.html
index 3f3511a7..495866e4 100644
--- a/options.html
+++ b/options.html
@@ -140,7 +140,7 @@
     <div class="block sync-options">
       <h1 i18n-text="optionsCustomizeSync"></h1>
       <div class="items">
-        <label>
+        <div class="label">
           <span class="sync-status"></span>
           <div class="select-resizer">
             <select class="cloud-name">
@@ -151,7 +151,7 @@
             </select>
             <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
           </div>
-        </label>
+        </div>
         <div class="actions">
           <button type="button" class="connect" i18n-text="optionsSyncConnect"></button>
           <button type="button" class="disconnect" i18n-text="optionsSyncDisconnect"></button>
diff --git a/options/options.css b/options/options.css
index ca8a2520..cdf50133 100644
--- a/options/options.css
+++ b/options/options.css
@@ -80,12 +80,18 @@ h1 {
   width: 70%;
 }
 
-label {
+label,
+.label {
   display: flex;
   margin: .25ex 0;
   align-items: center;
 }
 
+.label {
+  flex-grow: 1;
+  justify-content: space-between;
+}
+
 label > :first-child {
   margin-right: 8px;
   flex-grow: 1;
@@ -319,6 +325,9 @@ html:not(.firefox):not(.opera) #updates {
 }
 
 .sync-status {
+  flex-grow: 1;
+  padding-right: 8px;
+  box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -326,3 +335,7 @@ html:not(.firefox):not(.opera) #updates {
 .sync-status::first-letter {
   text-transform: uppercase;
 }
+
+.sync-options .actions {
+  padding-top: 6px;
+}