diff --git a/app/views/operator/jobs/_job_tr.html.erb b/app/views/operator/jobs/_job_tr.html.erb
index 6846d88..912c09f 100644
--- a/app/views/operator/jobs/_job_tr.html.erb
+++ b/app/views/operator/jobs/_job_tr.html.erb
@@ -4,7 +4,7 @@
       <%= job.id %>
     </span>
   </td>
-  <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap w-6">
+  <td class="w-6 p-3 text-sm text-hsrm-gray whitespace-nowrap">
     <% if job.pdf.attached? %>
       <%= link_to_if job.printing?, image_tag(url_for(job.pdf.preview(resize_to_limit: [100, 100]))), job.pdf, target: "_blank", class: "shadow-lg" %>
       <!--<iframe src=<%= url_for(job.pdf) %> width="500" height="700" style="border: none;"></iframe>-->
@@ -27,7 +27,7 @@
     <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">
       <% if job.printing? %>
         <div class="flex flex-col items-center">
-          <span class="p-1 bg-gray-300 bg-opacity-50 font-medium rounded-lg inline-block">
+          <span class="inline-block p-1 font-medium bg-gray-300 bg-opacity-50 rounded-lg">
             <%= button_to icon("chevron-up", class: "size-5 inline", title: "erhöhen"), increment_page_operator_job_path(job, din:), method: :patch, form_class: "inline" %>
           </span>
         <% end %>
@@ -35,7 +35,7 @@
           <%= job.public_send("number_of_plans_#{din}") if job.respond_to? "number_of_plans_#{din}" %>
         </span>
         <% if job.printing? %>
-          <span class="p-1 bg-gray-300 bg-opacity-50 font-medium rounded-lg inline-block">
+          <span class="inline-block p-1 font-medium bg-gray-300 bg-opacity-50 rounded-lg">
             <%= button_to icon("chevron-down", class: "size-5 inline", title: "verringern"), decrement_page_operator_job_path(job, din:), method: :patch, form_class: "inline" %>
           </span>
         </div>
@@ -77,7 +77,7 @@
     <% end %>
     <% if job.pickup? || job.printing? %>
       <% job.printing? && turbo_confirm = 'Sind die Pläne gedruckt und die Seitenanzahl und QM korrekt?' %>
-      <%= button_to icon("banknotes", class: "text-status-paid size-6 inline drop-shadow hover:text-opacity-75", title: "Bezahlt"), operator_job_path(job), method: :patch, params: {:job => {status: :paid}}, form: {data: {turbo_confirm: turbo_confirm}}, form_class: "inline" %>
+      <%= button_to icon("banknotes", class: "text-hsrm-gray size-6 inline drop-shadow hover:text-opacity-75", title: "Bezahlt"), operator_job_path(job), method: :patch, params: {:job => {status: :paid}}, form: {data: {turbo_confirm: turbo_confirm}}, form_class: "inline" %>
     <% else %>
       <%= icon("banknotes", class: "text-hsrm-gray text-opacity-25 size-6 inline drop-shadow ", title: "") %>
     <% end %>
diff --git a/app/views/operator/jobs/index.html.erb b/app/views/operator/jobs/index.html.erb
index 1a74f1c..76163a4 100644
--- a/app/views/operator/jobs/index.html.erb
+++ b/app/views/operator/jobs/index.html.erb
@@ -2,54 +2,54 @@
 <% content_for :title, "Current Print Jobs" %>
 <div class="flex space-x-4">
   <%= link_to "#openjobs-h" do %>
-    <div class="flex-1 bg-status-open-light bg-opacity-50 text-status-open w-72 min-h-28 shadow-lg ">
+    <div class="flex-1 bg-opacity-50 shadow-lg bg-status-open-light text-status-open w-72 min-h-28 ">
       <h3 class="p-5 text-4xl">
-        <%= icon("inbox-stack", class: "text-status-paid size-10 inline drop-shadow")  %>
+        <%= icon("inbox-stack", class: "text-status-open size-10 inline drop-shadow")  %>
         Open
-        <span class="text-right block"><%= @openjobs.count %></span>
+        <span class="block text-right"><%= @openjobs.count %></span>
       </h3>
     </div>
   <% end %>
   <%= link_to "#printingjobs-h" do %>
-    <div class="flex-1 bg-status-printing-light bg-opacity-50 text-status-printing w-72 min-h-28 shadow-lg">
+    <div class="flex-1 bg-opacity-50 shadow-lg bg-status-printing-light text-status-printing w-72 min-h-28">
       <h3 class="p-5 text-4xl">
-        <%= icon("printer", class: "text-status-paid size-10 inline drop-shadow")  %>
+        <%= icon("printer", class: "text-status-printing size-10 inline drop-shadow")  %>
         Printing
-        <span class="text-right block"><%= @printingjobs.count  %></span>
+        <span class="block text-right"><%= @printingjobs.count  %></span>
       </h3>
     </div>
   <% end %>
   <%= link_to "#pickupjobs-h" do %>
-    <div class="flex-1 bg-status-pickup-light bg-opacity-50 text-status-pickup w-72 min-h-28 shadow-lg">
+    <div class="flex-1 bg-opacity-50 shadow-lg bg-status-pickup-light text-status-pickup w-72 min-h-28">
       <h3 class="p-5 text-4xl">
-        <%= icon("arrow-up-tray", class: "text-status-paid size-10 inline drop-shadow")  %>
+        <%= icon("arrow-up-tray", class: "text-status-pickup size-10 inline drop-shadow")  %>
         Pickup
-        <span class="text-right block"><%= @pickupjobs.count %></span>
+        <span class="block text-right"><%= @pickupjobs.count %></span>
       </h3>
     </div>
   <% end %>
   <%= link_to "#paidcanceledjobs-h" do %>
-    <div class="flex-1 bg-status-paid-light bg-opacity-50 text-status-paid w-72 min-h-28 shadow-lg">
+    <div class="flex-1 bg-opacity-50 shadow-lg bg-status-paid-light text-status-paid w-72 min-h-28">
       <h3 class="p-5 text-4xl">
         <%= icon("banknotes", class: "text-status-paid size-10 inline drop-shadow")  %>
         Paid
-        <span class="text-right block"><%= @paidjobs.count %></span>
+        <span class="block text-right"><%= @paidjobs.count %></span>
       </h3>
     </div>
   <% end %>
   <%= link_to "#paidcanceledjobs-h" do %>
-    <div class="flex-1 bg-status-canceled-light bg-opacity-50 text-status-canceled w-72 min-h-28 shadow-lg">
+    <div class="flex-1 bg-opacity-50 shadow-lg bg-status-canceled-light text-status-canceled w-72 min-h-28">
       <h3 class="p-5 text-4xl">
-        <%= icon("x-circle", class: "text-status-paid size-10 inline drop-shadow")  %>
+        <%= icon("x-circle", class: "text-status-canceled size-10 inline drop-shadow")  %>
         Canceled
-        <span class="text-right block"><%= @canceledjobs.count %></span>
+        <span class="block text-right"><%= @canceledjobs.count %></span>
       </h3>
     </div>
   <% end %>
 </div>
 <div class="w-full">
-  <div id="printingjobs-h" class="flex justify-between items-center py-4">
-    <h1 class="font-bold text-hsrm-gray text-4xl">
+  <div id="printingjobs-h" class="flex items-center justify-between py-4">
+    <h1 class="text-4xl font-bold text-hsrm-gray">
       Printing
     </h1>
     <% if @openjobs.any? %>
@@ -60,29 +60,29 @@
       method: :patch, 
       form_class: "inline px-3 py-2 font-semibold bg-green-500 hover:opacity-90 shadow-lg transition-colors duration-100 bg-opacity-100 flex items-center group text-hsrm-gray" %>
     <% else %>
-      <span class="px-3 py-2 font-semibold bg-gray-300 shadow-lg transition-colors duration-100 bg-opacity-100 flex items-center group text-white">
+      <span class="flex items-center px-3 py-2 font-semibold text-white transition-colors duration-100 bg-gray-300 bg-opacity-100 shadow-lg group">
         <%= icon("printer", class: "text-hsrm-gray text-opacity-25 size-6 inline drop-shadow mr-2", title: "") %>
         Start next job
       </span>
     <% end %>
   </div>
   <%# render partial: "job_card", collection: @printingjobs, as: :job %>
-  <div class="overflow-auto min-w-full shadow-lg">
+  <div class="min-w-full overflow-auto shadow-lg">
     <table class="w-full py-8 table-auto">
-      <thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300">
+      <thead class="bg-gray-200 border-b-2 border-gray-300 text-hsrm-gray">
         <tr>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> ID </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Vorschau </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Vorschau </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A0 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A1 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A2 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A3 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> no DIN </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-40">Action</th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A0 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A1 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A2 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A3 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
+          <th class="w-40 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
         </tr>
       </thead>
       <tbody id='printingjobs' class="divide-y divivde-gray-300">
@@ -91,27 +91,27 @@
       </tbody>
     </table>
   </div>
-  <div id="pickupjobs-h" class="flex justify-between items-center py-4">
-    <h1 class="font-bold text-hsrm-gray text-4xl">
+  <div id="pickupjobs-h" class="flex items-center justify-between py-4">
+    <h1 class="text-4xl font-bold text-hsrm-gray">
       Pickup 
     </h1>
   </div>
-  <div class="overflow-auto min-w-full shadow-lg">
+  <div class="min-w-full overflow-auto shadow-lg">
     <table class="w-full py-8 table-auto">
-      <thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300">
+      <thead class="bg-gray-200 border-b-2 border-gray-300 text-hsrm-gray">
         <tr>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> ID </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Vorschau </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Vorschau </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A0 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A1 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A2 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A3 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> no DIN </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">Action</th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
         </tr>
       </thead>
       <tbody id='pickupjobs' class="divide-y divivde-gray-300">
@@ -120,27 +120,27 @@
       </tbody>
     </table>
   </div>
-  <div id="openjobs-h" class="flex justify-between items-center py-4">
-    <h1 class="font-bold text-hsrm-gray text-4xl">
+  <div id="openjobs-h" class="flex items-center justify-between py-4">
+    <h1 class="text-4xl font-bold text-hsrm-gray">
       Open 
     </h1>
   </div>
-  <div class="overflow-auto min-w-full shadow-lg">
+  <div class="min-w-full overflow-auto shadow-lg">
     <table class="w-full py-8 table-auto">
-      <thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300">
+      <thead class="bg-gray-200 border-b-2 border-gray-300 text-hsrm-gray">
         <tr>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> ID </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Vorschau </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Vorschau </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A0 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A1 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A2 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A3 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> no DIN </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">Action</th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
         </tr>
       </thead>
       <tbody id='openjobs' class="divide-y divivde-gray-300">
@@ -149,27 +149,27 @@
       </tbody>
     </table>
   </div>
-  <div id="paidcanceledjobs-h" class="flex justify-between items-center py-4">
-    <h1 class="font-bold text-hsrm-gray text-4xl">
+  <div id="paidcanceledjobs-h" class="flex items-center justify-between py-4">
+    <h1 class="text-4xl font-bold text-hsrm-gray">
       Paid/Canceled 
     </h1>
   </div>
-  <div class="overflow-auto min-w-full shadow-lg">
+  <div class="min-w-full overflow-auto shadow-lg">
     <table class="w-full py-8 table-auto">
-      <thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300">
+      <thead class="bg-gray-200 border-b-2 border-gray-300 text-hsrm-gray">
         <tr>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> ID </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Vorschau </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Vorschau </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th>
           <th class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A0 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A1 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A2 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A3 </th>
-          <th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> no DIN </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"></th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
+          <th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"></th>
         </tr>
       </thead>
       <tbody id='paidcanceledjobs' class="divide-y divivde-gray-300">