Big Sur icons for the settings window

GoldenChaos · Mar 14, 2021 · 74019fa · 74019fa
1 parent 2421b15
commit 74019fa
Show file tree

Hide file tree

Showing 24 changed files with 23 additions and 50 deletions.
diff --git a/app-icons/Calendar.png b/app-icons/Calendar.png
diff --git a/app-icons/Carrot.png b/app-icons/Carrot.png
diff --git a/app-icons/FaceTime.png b/app-icons/FaceTime.png
diff --git a/app-icons/Facebook.png b/app-icons/Facebook.png
diff --git a/app-icons/Fantastical.png b/app-icons/Fantastical.png
diff --git a/app-icons/Finder.png b/app-icons/Finder.png
diff --git a/app-icons/Firefox.png b/app-icons/Firefox.png
diff --git a/app-icons/Google Chrome Canary.png b/app-icons/Google Chrome Canary.png
diff --git a/app-icons/Google Chrome.png b/app-icons/Google Chrome.png
diff --git a/app-icons/Mail.png b/app-icons/Mail.png
diff --git a/app-icons/Maps.png b/app-icons/Maps.png
diff --git a/app-icons/Messages.png b/app-icons/Messages.png
diff --git a/app-icons/Messenger.png b/app-icons/Messenger.png
diff --git a/app-icons/News.png b/app-icons/News.png
diff --git a/app-icons/Reminders.png b/app-icons/Reminders.png
diff --git a/app-icons/Safari Technology Preview.png b/app-icons/Safari Technology Preview.png
diff --git a/app-icons/Safari.png b/app-icons/Safari.png
diff --git a/app-icons/Slack.png b/app-icons/Slack.png
diff --git a/app-icons/Spark.png b/app-icons/Spark.png
diff --git a/app-icons/Trello.png b/app-icons/Trello.png
diff --git a/app-icons/Tumblr.png b/app-icons/Tumblr.png
diff --git a/app-icons/Twitch.png b/app-icons/Twitch.png
diff --git a/app-icons/Twitter.png b/app-icons/Twitter.png
diff --git a/gc-btt-settings.html b/gc-btt-settings.html
@@ -61,7 +61,7 @@
         color: rgba(180, 179, 178, 1);
     }
 
-    h3:first-of-type {
+    section:first-of-type h3 {
         margin-top: 0;
     }
 
@@ -206,12 +206,15 @@
     }
 
     section {
-        margin-top: 24px;
         position: relative;
     }
 
-    section:first-of-type {
-        margin-top: 0;
+    section small:last-of-type {
+        margin-bottom: 0;
+    }
+
+    #dock-badges small:first-of-type {
+        margin-bottom: 16px;
     }
 
     .tabcontent ul {
@@ -225,7 +228,8 @@
     }
 
     .tabcontent ul li {
-        padding: 8px;
+        padding: 8px 8px 8px 0;
+        margin: 0 0 0 16px;
         border-bottom: 1px solid rgba(255,255,255,.1);
     }
 
@@ -240,13 +244,13 @@
         margin-right: 12px;
     }
 
-    .tabcontent ul li .tbicon {
+    .tabcontent ul li .tbicon,
+    .tabcontent ul li .tbscreenshot {
         background: #000;
         border-radius: 6px;
         overflow: hidden;
         display: inline-block;
         min-width: 36px;
-        margin-left: 8px;
         object-position: center center;
     }
 
@@ -258,35 +262,31 @@
         position: relative;
         object-position: center center;
     }
-    .tabcontent ul li .tbscreenshot {
-        background: #000;
-        border-radius: 6px;
-    }
 
-    img.invert {
-        filter: invert();
+    .tabcontent ul li .tbscreenshot img  {
+        width: calc(100% - 8px);
+        height: auto;
+        padding: 4px;
     }
 
-    .tokenlist {
-        display: flex;
-        flex-wrap: wrap;
-        padding-bottom: 8px;
+    .invert {
+        filter: invert();
     }
 
-    .form-switch a {
+    li.form-switch a {
         line-height: 36px;
         color: #fff;
         text-decoration: none;
         background: none;
     }
 
-    .form-switch .description {
+    li.form-switch .description {
         position: relative;
         top: -8px;
         margin-bottom: -8px;
     }
 
-    .form-switch .description small {
+    li.form-switch .description small {
         margin-top: -8px;
     }
 
@@ -386,33 +386,6 @@
         background: #1485FF;
     }
 
-    section p {
-        margin: 12px 0;
-    }
-
-    section p:first-of-type {
-        margin-top: 0;
-    }
-
-    section p:last-of-type {
-        margin-bottom: 0;
-    }
-
-    section small {
-        margin-bottom: 0;
-    }
-
-    /* Single Page Style Overrides */
-    #about {
-        margin-top: -64px;
-    }
-
-    #about a {
-        background: none;
-        display: inline;
-        font-size: 13px;
-        color: rgba(16, 133, 255, 1);
-    }
 
     /* Toggle Switch Styles */
     label, .form-switch {
@@ -734,10 +707,10 @@ <h3>Window Snapping</h3>
                     </ul>
                 </section>
                 <section>
-                    <h3>Advanced</h3>
-                    <ul class="tokenlist">
+                    <h3>Restore</h3>
+                    <ul>
                         <li>
-                            <span style="width:100%;text-align:center;margin-bottom:8px;margin-right:0;" class="token selected" onClick="triggerPresetAndRefreshSettingsWindow('Check All Settings');">Check For Existing Settings</span>
+                            <span class="token selected" onClick="triggerPresetAndRefreshSettingsWindow('Check All Settings');">Check For Existing Settings</span>
                         </li>
                     </ul>
                     <small>Run "Check For Existing Settings" if your settings did not automatically restore after upgrading.</small>