From 64fa70b96f2872ba03cc2191853fac81605744bf Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Tue, 7 Mar 2023 16:34:57 +0100
Subject: [PATCH] concernement form display improved

---
 .../ouatminimal_theme/css/ouatminimal.css     | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css b/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css
index 36c9887..e0651ee 100644
--- a/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css
+++ b/src/web/themes/custom/ouatminimal_theme/css/ouatminimal.css
@@ -154,17 +154,31 @@
 
 /* BOUSSOLE FORM */
 
+#node-concernement-edit-form{}
+
+#node-concernement-edit-form .vertical-tabs__menu{
+  /* width: auto; */
+  max-width:110px;
+}
+#node-concernement-edit-form .vertical-tabs__panes{
+  margin-left: 110px;
+}
+
 #boussole-layout{
   display: flex;
   flex-direction: row;
   gap: 1em;
 }
 
-#boussole-layout .form-item[data-drupal-selector="edit-field-entite"]{
-  flex:0 0 31em;
+#boussole-layout>.form-item[data-drupal-selector="edit-field-entite"]{
+  flex:0 0 50em;
+  max-height: calc(100vh - 150px);
+  overflow-y: auto;
+
 }
 #boussole-layout .boussole-wrapper{
   flex:1 1 auto;
+  min-width: 800px;
 }
 
 /* drupal form optimisation */
@@ -198,13 +212,20 @@
   border:none;
 }
 
+#boussole-layout .form-item[data-drupal-selector="edit-field-entite"] input[type="text"]{
+  max-width: 60%;
+}
+
+/* #boussole-layout .form-item[data-drupal-selector="edit-field-entite"] table.field-entite-values > tbody > tr > td > div > div.form-wrapper table{
+  max-width: 100%;
+} */
 
 div.field--name-field-actuel-future.form-wrapper,
 div.field--name-field-prise.form-wrapper,
 div.field--name-field-menace-maintien-degres.form-wrapper{
   display: none;
 }
-.field--name-field-actuel-future > fieldset legend{
+/* .field--name-field-actuel-future > fieldset legend{
   display:none;
 }
 .field--name-field-actuel-future > fieldset > .fieldset-wrapper > .form-radios{
@@ -231,7 +252,7 @@ div.field--name-field-menace-maintien-degres.form-wrapper{
 .field--name-field-prise > .form-item > .description,
 .field--name-field-menace-maintien-degres > .form-item > .description{
   flex:0 1 auto; 
-}
+} */
 
 #boussole-layout .form-item[data-drupal-selector="edit-field-entite"] .button{
   font-size: 0.9em;