fix buttons style

widefix · Jul 15, 2024 · 6cc36b1 · 6cc36b1
1 parent fac34bd
commit 6cc36b1
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 28 deletions.
diff --git a/app/assets/stylesheets/actual_db_schema/styles.css b/app/assets/stylesheets/actual_db_schema/styles.css
@@ -14,18 +14,6 @@ h2 {
   padding-left: 10px;
 }
 
-.link {
-  margin: 14px;
-
-  a {
-    color: #000;
-  }
-
-  a:visited {
-    color: #666;
-  }
-}
-
 table {
   margin: 0;
   border-collapse: collapse;
@@ -57,7 +45,15 @@ table {
   }
 }
 
-.button {
+.top-buttons {
+  margin: 8px;
+
+  .top-button {
+    background-color: #ddd;
+  }
+}
+
+.button, .top-button {
   font-weight: bold;
   color: #000;
   border: none;
@@ -72,21 +68,11 @@ table {
   background: none;
 }
 
-.button:hover {
+.button:hover, .top-button:hover {
   color: #fff;
   background-color: #000;
 }
 
-.button:disabled {
-  color: #666;
-  cursor: default;
-}
-
-.button:disabled:hover {
-  color: #666;
-  background: none;
-}
-
 .button-container {
   display: flex;
 }

diff --git a/app/views/actual_db_schema/migrations/index.html.erb b/app/views/actual_db_schema/migrations/index.html.erb
@@ -10,8 +10,8 @@
       <p>
         <span style="background-color: #ffe6e6; padding: 0 5px;">Red rows</span> represent phantom migrations.
       </p>
-      <div class="link">
-        <%= link_to 'Phantom Migrations', phantom_migrations_path %>
+      <div class="top-buttons">
+        <%= link_to 'Phantom Migrations', phantom_migrations_path, class: "top-button" %>
       </div>
       <% if migrations.present? %>
         <table>

diff --git a/app/views/actual_db_schema/phantom_migrations/index.html.erb b/app/views/actual_db_schema/phantom_migrations/index.html.erb
@@ -7,8 +7,8 @@
   <body>
     <div>
       <h2>Phantom Migrations</h2>
-      <div class="link">
-        <%= link_to 'All Migrations', migrations_path %>
+      <div class="top-buttons">
+        <%= link_to 'All Migrations', migrations_path, class: "top-button" %>
       </div>
       <% if phantom_migrations.present? %>
         <table>