refactor css

Author: rishijain

app/assets/stylesheets/application.css

@@ -24,31 +24,27 @@ th {
 .inline-form {
   display: inline;
 }
-.approve-btn {
-  background-color: #4CAF50;
+
+/* Reusable button base style */
+.btn {
   color: white;
   border: none;
   padding: 6px 12px;
   margin-left: 4px;
   border-radius: 4px;
   cursor: pointer;
 }
+
+/* Specific button variants */
+.approve-btn {
+  background-color: #4CAF50;
+}
+
 .reject-btn {
   background-color: #f44336;
-  color: white;
-  border: none;
-  padding: 6px 12px;
-  margin-left: 4px;
-  border-radius: 4px;
-  cursor: pointer;
 }
 
 .pending-btn {
   background-color: yellow;
   color: black;
-  border: none;
-  padding: 6px 12px;
-  margin-left: 4px;
-  border-radius: 4px;
-  cursor: pointer;
 }

app/views/puzzles/_puzzles_table.html.erb

@@ -22,14 +22,14 @@
         </td>
         <td>
           <% if actions == :pending %>
-            <%= button_to 'Approve', puzzle_state_path(puzzle, state: :approved), method: :patch, form_class: 'inline-form', class: 'approve-btn' %>
-            <%= button_to 'Reject', puzzle_state_path(puzzle, state: :rejected), method: :patch, form_class: 'inline-form', class: 'reject-btn' %>
+            <%= button_to 'Approve', puzzle_state_path(puzzle, state: :approved), method: :patch, form_class: 'inline-form', class: 'btn approve-btn' %>
+            <%= button_to 'Reject', puzzle_state_path(puzzle, state: :rejected), method: :patch, form_class: 'inline-form', class: 'btn reject-btn' %>
           <% elsif actions == :approved %>
-            <%= button_to 'Reject', puzzle_state_path(puzzle, state: :rejected), method: :patch, form_class: 'inline-form', class: 'reject-btn' %>
-            <%= button_to 'Pending', puzzle_state_path(puzzle, state: :pending), method: :patch, form_class: 'inline-form', class: 'pending-btn' %>
+            <%= button_to 'Reject', puzzle_state_path(puzzle, state: :rejected), method: :patch, form_class: 'inline-form', class: 'btn reject-btn' %>
+            <%= button_to 'Pending', puzzle_state_path(puzzle, state: :pending), method: :patch, form_class: 'inline-form', class: 'btn pending-btn' %>
           <% elsif actions == :rejected %>
-            <%= button_to 'Approve', puzzle_state_path(puzzle, state: :approved), method: :patch, form_class: 'inline-form', class: 'approve-btn' %>
-            <%= button_to 'Pending', puzzle_state_path(puzzle, state: :pending), method: :patch, form_class: 'inline-form', class: 'pending-btn' %>
+            <%= button_to 'Approve', puzzle_state_path(puzzle, state: :approved), method: :patch, form_class: 'inline-form', class: 'btn approve-btn' %>
+            <%= button_to 'Pending', puzzle_state_path(puzzle, state: :pending), method: :patch, form_class: 'inline-form', class: 'btn pending-btn' %>
           <% end %>
         </td>
       </tr>