Small design changes

app/views/jobs/_job_tr.html.erb

@@ -1,8 +1,12 @@
-<tr id="<%= dom_id job %>" class="odd:bg-gray-50 even:bg-gray-100">
+<tr id="<%= dom_id job %>" class="bg-status-<%= job.status %>-light odd:bg-opacity-20 even:bg-opacity-10">
   <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap">
-    <span class="p-1.5 text-xs font-medium uppercase tracking-wider bg-opacity-50 text-status-<%= job.status %> bg-status-<%= job.status %>-light rounded-lg"><%= job.id %></span>
+    <span class="p-1.5 text-xs font-medium uppercase tracking-wider bg-opacity-50 text-status-<%= job.status %> bg-status-<%= job.status %>-light rounded-lg">
+      <%= job.id %>
+    </span>
+  </td>
+  <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap">
+    <%= job.costumer_fullname %>
   </td>
-  <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap"> <%= job.costumer_fullname %> </td>
   <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap w-6">
     <% if job.pdf.attached? %>
       <%= image_tag url_for(job.pdf.preview(resize_to_limit: [100, 100])) %>
@@ -12,24 +16,51 @@
     <% if job.pdf.attached? %>
       <%#= link_to job.pdf.filename, rails_blob_path(job.pdf, disposition: "attachment") %>
       <%= link_to job.pdf.filename, job.pdf, download:true %>
-      <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg ml-2"><%=number_to_human_size job.pdf.blob.byte_size%></span>
+      <span class="p-1.5 bg-gray-300 bg-opacity-50 text-hsrm-gray font-medium rounded-lg ml-2">
+        <%=number_to_human_size job.pdf.blob.byte_size%>
+      </span>
     <% end %>
   </td>
-  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.number_of_plans_a0 %></span></td>
-  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.number_of_plans_a1 %></span></td>
-  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.number_of_plans_a2 %></span></td>
-  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.number_of_plans_a3 %></span></td>
-  <td class="p-3 text-sm text-right text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.costum_qm_plan.round(2) %> m²</span></td>
-  <td class="p-3 text-sm text-right text-hsrm-gray whitespace-nowrap"><span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg"><%= job.cost.round(2) %> €</span></td>
   <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
-    <span class="p-1.5 block text-xs font-medium uppercase tracking-wider bg-opacity-50 w-20 text-center text-status-<%= job.status.to_sym %> bg-status-<%= job.status %>-light rounded-lg"><%= job.status %></span>
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.number_of_plans_a0 %>
+    </span>
+  </td>
+  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.number_of_plans_a1 %>
+    </span>
+  </td>
+  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.number_of_plans_a2 %>
+    </span>
+  </td>
+  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.number_of_plans_a3 %>
+    </span>
+  </td>
+  <td class="p-3 text-sm text-right text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.costum_qm_plan.round(2) %> m²
+    </span>
+  </td>
+  <td class="p-3 text-sm text-right text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 bg-gray-300 bg-opacity-50 font-medium rounded-lg">
+      <%= job.cost.round(2) %> €
+    </span>
+  </td>
+  <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
+    <span class="p-1.5 block text-xs font-medium uppercase tracking-wider bg-opacity-50 w-20 text-center text-status-<%= job.status.to_sym %> bg-status-<%= job.status %>-light rounded-lg">
+      <%= job.status %>
+    </span>
   </td>
   <td class="p-3 text-sm text-right text-hsrm-gray whitespace-nowrap">
-    <%= link_to icon("pencil-square", class: "size-5 inline"), edit_job_path(job), classe: "p-1.5 ml-2 rounded-lg bg-gray-300 bg-opacity-50 font-medium" %>
     <% if job.able_to_cancel? %>
-      <%= button_to icon("x-circle", class: "text-hsrm-red size-5 inline"), cancel_job_path(job), method: :patch, form: {data: {turbo_confirm: 'Den Plottauftrag wirklich abbrechen?'}}, form_class: "inline" %>
+      <%= button_to icon("x-circle", class: "text-hsrm-red size-8 inline", title: "Abbrechen"), cancel_job_path(job), method: :patch, form: {data: {turbo_confirm: 'Den Plottauftrag wirklich abbrechen?'}}, form_class: "inline" %>
     <% else %>
-      <%= icon("x-circle", class: "text-hsrm-gray text-opacity-50 size-5 inline") %>
+      <%= icon("x-circle", class: "text-hsrm-gray text-opacity-50 size-8 inline", title: "Kann nicht mehr abgebrochen werden") %>
     <% end %>
   </td>
 </tr>

app/views/jobs/index.html.erb

@@ -20,7 +20,7 @@
           <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> noDIN </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Kosten </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Status </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Actions </th>
+          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"></th>
         </tr>
       </thead>
       <tbody id='jobs' class="divide-y divivde-gray-300">