From bcd544bff49b723994e6029518d2487e1293a0cc Mon Sep 17 00:00:00 2001
From: sparkyx <danydb@noalyss.eu>
Date: Fri, 10 Apr 2026 16:33:54 +0200
Subject: [PATCH] CSS: improve appareance card and gestion_title  on small
 screens

---
 html/css/style-classic7.css | 54 ++++++++++++++++++++++++++++++-------
 1 file changed, 44 insertions(+), 10 deletions(-)

diff --git a/html/css/style-classic7.css b/html/css/style-classic7.css
index 7656e9d82..6d6c9bd9e 100644
--- a/html/css/style-classic7.css
+++ b/html/css/style-classic7.css
@@ -1292,8 +1292,6 @@ div.inner_box  {
      background-color: var(--bg-inner-box);
      font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
      font-family: 'OpenSansRegular';
-     /*! font-family: 'var(--font-button)'; */
-     /*! padding:2px; */
      margin:0px;
      overflow:hidden;
      z-index:3;
@@ -1304,8 +1302,8 @@ div.inner_box  {
      box-shadow: 15px 15px 15px #888;
      font-size:100%;
      font-size:1rem;
-     width: 50%;
-     left:22% ;
+     width: 100%;
+     left:0;
  }
 /* SM */
 @media (max-width: 576px) {
@@ -1316,7 +1314,10 @@ div.inner_box  {
     }
     div.inner_box div.content,div.inner_box2 div.content {
     padding:2px;
-}
+    }
+    div.inner_box2 {
+         left:22% ;
+    }
 }
 /* MD */
 @media (min-width: 768px) {
@@ -1326,8 +1327,8 @@ div.inner_box  {
         border-radius: 0px;
     }
     div.inner_box2   {
-        width: 75%;
-        left:5% ;
+        width: 95%;
+        left:2% ;
         border-radius: 0px;
     }
 }
@@ -1357,7 +1358,7 @@ div.inner_box  {
         border-radius: 7px;
         }
     div.inner_box2{
-        width: 50%;
+        width: min(70%,80rem);;
         left: 20%;
         padding-bottom: 10px;
         border-radius: 7px;
@@ -2769,6 +2770,29 @@ td.selectedmenu {
 /*
  * Name of the tiers in GESTION 
  */
+#gestion_title {
+
+    font-variant: small-caps;
+    color:navy;
+    font-size: max(150%,1.5rem) !important;
+   font-variant:regular;
+    background-color:transparent;
+}
+/* SM */
+@media (min-width: 576px) {
+
+
+}
+/* MD */
+@media (min-width: 768px) {
+
+}
+/* LG */
+@media (min-width: 992px) {
+
+}
+/* XL */
+@media (min-width: 1200px) {
 #gestion_title {
     float:right;
     margin-right: 5%;
@@ -2776,8 +2800,18 @@ td.selectedmenu {
     font-variant: small-caps;
     padding: 13px 20px 13px 20px;
     margin-top:20px;
-    background-color:#141d77;
-    color:#FE8300;
+    background-color:#dee4eb;
+    color:navy;
+    font-size: max(150%,1.5rem) !important;
+    border-color: navy;
+    border-style: double;
+    font-style:normal;
+     border-color: #879ed4;
+    border-style: solid;
+    font-style:normal;
+    border-radius:5px;
+    border-width:1px;
+}
 }
 /*
  * Style for the Inplace Edit element