Button tweaks

Wilfred · Nov 12, 2023 · 69f39a0 · 69f39a0
1 parent be2b88c
commit 69f39a0
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -67,19 +67,26 @@
       .cyan {
         color: #8be9fd;
       }
+
       .btn {
-        color: #282a36;
         box-shadow: 5px 5px #1d1b22;
       }
 
-      .btn.green {
-        background-color: #50fa7b;
-        border-color: #50fa7b;
+      .btn.gray {
+        color: #f8f8f2;
+        background-color: #1d1b22;
+        border-color: #1d1b22;
       }
       .btn.red {
+        color: #282a36;
         background-color: #ff5555;
         border-color: #ff5555;
       }
+      .btn.green {
+        color: #282a36;
+        background-color: #50fa7b;
+        border-color: #50fa7b;
+      }
 
       a {
         color: #50fa7b;
@@ -120,7 +127,7 @@ <h1 class="display-4 text-body-emphasis">
         <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
           <a
             href="https://github.com/wilfred/difftastic"
-            class="btn btn-lg px-4"
+            class="btn gray btn-lg px-4"
           >
             GitHub
           </a>
@@ -149,13 +156,11 @@ <h2>
           <span class="green">changed</span>
         </h2>
 
-        <div class="container-sm">
-          <img
-            src="difft_screenshot.png"
-            class="screenshot img-fluid mb-4"
-            alt="screenshot"
-          />
-        </div>
+        <img
+          src="difft_screenshot.png"
+          class="screenshot img-fluid mb-4"
+          alt="screenshot"
+        />
       </div>
 
       <div class="container px-4 py-5">