Move Look & feel section to Shields prefs page

Look & feel section is moved to the top to include choosing Shields default view.
brave · Jun 29, 2020 · 30203b3 · 30203b3
1 parent af2ee0c
commit 30203b3
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/browser/resources/settings/default_brave_shields_page/default_brave_shields_page.html b/browser/resources/settings/default_brave_shields_page/default_brave_shields_page.html
@@ -34,10 +34,13 @@
       .shields-view-col:last-of-type {
         margin: 16px 0 24px 16px;
       }
-       .shields-view-label {
-         margin: 0 20px;
-         cursor: pointer;
-       }
+      .shields-view-label {
+        margin: 0 20px;
+        cursor: pointer;
+      }
+      .default-view-padding {
+        padding-top: 20px;
+      }
     </style>
     <div class="settings-box first">
       <div class="flex">
@@ -49,8 +52,16 @@
       </div>
     </div>
     <div class="settings-box">
+      <div class="label shields-primary-title">$i18n{shieldsLookFeelTitle}</div>
+    </div>
+    <settings-toggle-button
+        class="continuation"
+        pref="{{prefs.brave.shields.stats_badge_visible}}"
+        label="$i18n{showStatsBlockedBadgeLabel}">
+    </settings-toggle-button>
+    <div class="settings-box continuation default-view-padding">
       <div class="flex">
-        <div class="label shields-primary-title">$i18n{defaultView}</div>
+        <div class="label">$i18n{defaultView}</div>
         <settings-radio-group
           pref="{{prefs.brave.shields.advanced_view_enabled}}">
           <controlled-radio-button class="shields-view-col" name="false"
@@ -136,13 +147,7 @@
         </template>
       </select>
     </div>
-    <div class="settings-box">
-      <div class="label shields-primary-title">$i18n{shieldsLookFeelTitle}</div>
-    </div>
-    <settings-toggle-button
-        class="continuation"
-        pref="{{prefs.brave.shields.stats_badge_visible}}"
-        label="$i18n{showStatsBlockedBadgeLabel}">
+
   </template>
   <script src="default_brave_shields_page.js"></script>
 </dom-module>