From ffe2251802cdbdf756b15301cad56bcc415b4d82 Mon Sep 17 00:00:00 2001
From: Mohamed Eltayar <152964073+maltayyar2@users.noreply.github.com>
Date: Thu, 28 Aug 2025 15:13:40 +0300
Subject: [PATCH] Update CSS styles to support new date labels layout

---
 .../static/src/scss/web_hijri_date.scss       | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/odex25_base/web_hijri_datepicker/static/src/scss/web_hijri_date.scss b/odex25_base/web_hijri_datepicker/static/src/scss/web_hijri_date.scss
index 9f9e63bc6..acf3d8c81 100644
--- a/odex25_base/web_hijri_datepicker/static/src/scss/web_hijri_date.scss
+++ b/odex25_base/web_hijri_datepicker/static/src/scss/web_hijri_date.scss
@@ -63,4 +63,62 @@
             top: 30px;
         }
     }
+    
+    // New styles for date labels and sections
+    .o_date_section {
+        margin-bottom: 5px;
+        
+        .o_date_label {
+            display: block;
+            font-size: 11px;
+            font-weight: 600;
+            color: #6c757d;
+            margin-bottom: 2px;
+            
+            &.o_gregorian_label {
+                color: #007bff;
+            }
+            
+            &.o_hijri_label {
+                color: #28a745;
+            }
+        }
+        
+        .o_date_input_container {
+            position: relative;
+            display: flex;
+            align-items: center;
+        }
+    }
+}
+
+// Form view specific styles
+.o_form_view {
+    .o_datepicker {
+        .o_date_section {
+            .o_date_label {
+                font-size: 12px;
+                margin-bottom: 3px;
+            }
+        }
+    }
+}
+
+// Read-only mode improvements
+.o_field_date.o_readonly_modifier {
+    .o_date_section {
+        margin-bottom: 8px;
+        
+        .o_date_label {
+            font-size: 11px;
+            font-weight: 600;
+            color: #6c757d;
+            margin-bottom: 2px;
+        }
+        
+        .o_date_value {
+            padding: 2px 0;
+            font-size: 13px;
+        }
+    }
 }
\ No newline at end of file