Widen tiebreak vote cells

views/style.erb

@@ -20,10 +20,10 @@
   .mj-cell-<%= v[:id] %> {
     background-color: <%= v[:color] %> !important;
   }
+<% end %>
 
-  .mj-cell-<%= v[:id] %>:hover {
-    border-left-width: 1px;
-    border-right-width: 1px;
+table:has(.mj-cell:hover) .mj-cell {
+  border-left-width: 2px;
+  border-right-width: 2px;
   border-color: var(--bs-body-color);
 }
-<% end %>

views/votes_show_closed.erb

@@ -57,7 +57,7 @@
         <tr>
           <% settings.values.reverse.each do |v| %>
             <% (1..c.mj.count[v[:id]]).each do |r| %>
-              <td class="p-0 mj-cell-<%= v[:id] %>">&nbsp;</td>
+              <td class="p-0 mj-cell mj-cell-<%= v[:id] %>">&nbsp;</td>
             <% end %>
           <% end %>
         </tr>
@@ -108,7 +108,7 @@
                 <% (1..a.n).each do |i| %>
                   <td class="p-0 text-center <% unless i == a.majority %>opacity-0<% end %>">↓</td>
                 <% end %>
-                <th class="w-100"></th>
+                <th></th>
                 <% (1..b.n).each do |i| %>
                   <td class="p-0 text-center <% unless b.n - i + 1 == b.majority %>opacity-0<% end %>">↓</td>
                 <% end %>
@@ -116,7 +116,7 @@
               <tr>
                 <% settings.values.reverse.each do |v| %>
                   <% (1..a.count[v[:id]]).each do |r| %>
-                    <td class="p-0 mj-cell-<%= v[:id] %>">&nbsp;</td>
+                    <td class="p-0 mj-cell mj-cell-<%= v[:id] %>">&nbsp;</td>
                   <% end %>
                 <% end %>
                 <td class="p-0 text-center fw-bold">
@@ -126,7 +126,7 @@
                 </td>
                 <% settings.values.each do |v| %>
                   <% (1..b.count[v[:id]]).each do |r| %>
-                    <td class="p-0 mj-cell-<%= v[:id] %>">&nbsp;</td>
+                    <td class="p-0 mj-cell mj-cell-<%= v[:id] %>">&nbsp;</td>
                   <% end %>
                 <% end %>
               </tr>