oneline

Author: compwron

app/assets/stylesheets/pages/casa_cases.scss

@@ -30,6 +30,31 @@ body.casa_cases {
     display: inline-block;
   }
 
+  .court-date-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    
+    .court-date-link {
+      flex: 1;
+    }
+    
+    .cal-btn {
+      flex-shrink: 0;
+      
+      .a2cldr {
+        width: 120px !important;
+        
+        .a2cldr-btn {
+          width: 120px !important;
+          font-size: 12px;
+          padding: 4px 8px;
+          text-align: center;
+        }
+      }
+    }
+  }
+
   #cc-check {
     p {
       display: flex;

app/views/casa_cases/_court_dates.html.erb

@@ -6,16 +6,17 @@
   <ul>
     <% court_dates.each do |pcd| %>
       <p>
-        
-        <%= link_to(pcd.decorate.court_date_info, casa_case_court_date_path(casa_case, pcd)) %>
-        <%= render 'calendar_button', 
-            id: "court-date-#{pcd.id}",
-            title: "Court Date #{pcd.casa_case.case_number}",
-            date: {
-              start: pcd.date.strftime("%Y-%m-%d"),
-              end: pcd.date.strftime("%Y-%m-%d")
-            },
-            tooltip: "Add court date to calendar" %>
+        <div class="court-date-row">
+          <%= link_to(pcd.decorate.court_date_info, casa_case_court_date_path(casa_case, pcd), class: "court-date-link") %>
+          <%= render 'calendar_button',
+              id: "court-date-#{pcd.id}",
+              title: "Court Date #{pcd.casa_case.case_number}",
+              date: {
+                start: pcd.date.strftime("%Y-%m-%d"),
+                end: pcd.date.strftime("%Y-%m-%d")
+              },
+              tooltip: "Add court date to calendar" %>
+        </div>
         <% if report = pcd.latest_associated_report %>
           <%= link_to(rails_blob_path(report, disposition: 'attachment')) do %>
             (Attached Report)