From 800247692d11492607ad5619a39245df6902f972 Mon Sep 17 00:00:00 2001
From: sparkyx <danydb@noalyss.eu>
Date: Sun, 7 Feb 2021 09:47:20 +0100
Subject: [PATCH] Cosmetic

---
 html/index.css                         |  5 ++--
 html/js/managetable.js                 |  7 ++++-
 html/style-classic7.css                | 40 +++++++++++++-------------
 include/class/fiche.class.php          |  2 +-
 include/lib/manage_table_sql.class.php |  4 ++-
 5 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/html/index.css b/html/index.css
index 437daa09a..0e0b06718 100644
--- a/html/index.css
+++ b/html/index.css
@@ -142,7 +142,7 @@ BODY {
         position:absolute;
         z-index:-1;
         height:auto;
-        width:10%;
+        width:125px;
         left:1%;
         top:30px;
 
@@ -196,11 +196,12 @@ BODY {
     }
     #recover_link {
         position:absolute;
-        margin-top:397px;
+        /*! margin-top:397px; */
         left:1px;
         background-color: white;
         bottom: initial;
         width: 20rem;
+        bottom: 30px;
     }
 }
 @media only screen and (min-width : 1100px) {
diff --git a/html/js/managetable.js b/html/js/managetable.js
index b6f2795de..da5b8605f 100644
--- a/html/js/managetable.js
+++ b/html/js/managetable.js
@@ -74,7 +74,7 @@ var ManageTable = function (p_table_name)
 {
     this.callback = "ajax.php"; //!< File to call
     this.control = "dtr"; //<! Prefix Id of dialog box, table, row
-    this.mt_style={position: "fixed", top:  '15%', width: "auto", "margin-left": "20%"};
+    this.mt_style={position: "fixed", top:  '15%', width: "auto", "max-width":"60%","margin-left": "20%"};
     this.sort_column=0;
     this.param = {"table": p_table_name, "ctl_id": this.control}; //<! default value to pass
     this.set_style=function(p_json) {
@@ -311,6 +311,11 @@ var ManageTable = function (p_table_name)
                     var obj = {id: control, "cssclass": "inner_box", "html": loading()};
                     add_div(obj);
                     var pos = calcy(250);
+                    if (window.innerWidth < 1200) {
+                        here.mt_style["margin-left"]="2%";
+                        here.mt_style["max-width"]="80%";
+                    }
+                    console.log(here.mt_style);
                     $(obj.id).setStyle(here.mt_style);
                     $(obj.id).update(x['html']);
                 } catch (e) {
diff --git a/html/style-classic7.css b/html/style-classic7.css
index daefc5af6..220667928 100644
--- a/html/style-classic7.css
+++ b/html/style-classic7.css
@@ -40,13 +40,13 @@ input{
     font-family: 'OpenSansRegular';
     padding : 2px;
      margin:2px;
-    border:solid 1px #4b4b91; 
+    border:1px solid #4b4b91; 
     font-size:14px;
     color:#4b4b91;
     
 }
 input:focus {
-    border:solid 1px orange;
+    border:1px solid orange;
     margin:1px;
     background-color:  lightyellow;
 }
@@ -64,7 +64,7 @@ table.sortable, table.table_large, table.result  ,table.resultfooter {
     border-spacing:  1px;
    /*border-collapse:collapse; */
     
-    border:1px #5D90CD solid;
+    border:1px solid #5D90CD;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
@@ -238,7 +238,7 @@ table.document th{
 }
 
 table.mtitle {
-    border:0;
+    border:0px;
     text-align:center;
     /*! border-spacing: 0; */
 }
@@ -246,7 +246,7 @@ td.mshort {
     height:15px;
     width:60px;
     text-align:center;
-    border:  1px solid;
+    border:  1px solid transparent;
     color:#5D90CD ;
     background-color:#DDE6FF;
 }
@@ -287,7 +287,7 @@ td.mtitle a.mtitle {
     margin:0px;
     height:42px;
     padding:4px 0px 0px 0px;
-    border-radius:4px;
+    border-radius:6px;
 }
 @media only screen and (max-width:1280px) {
    td.mtitle a.mtitle {
@@ -512,7 +512,7 @@ a.document:hover {
 
 }
 .input_text_ro {
-    border:solid 1px #0000FF;
+    border:1px solid  #0000FF;
     background:#EDEDED;
     color:#0000FF;
     margin:1px;
@@ -523,7 +523,7 @@ a.document:hover {
     border-radius: 2px;
 }
 .input_text:focus {
-   border:solid 1px orange;
+   border:1px solid orange;
     margin:1px;
     background-color:  lightyellow;
 }
@@ -685,7 +685,7 @@ div.content div.pc_calendar tr{
 }
 div.pc_calendar td{
     width:14%;
-    border:#879ED4 solid 1px;
+    border:1px solid  #879ED4 ;
 }
 
 div.pc_calendar td.weekend {
@@ -805,7 +805,7 @@ a#smallanchorbutton, .smallbutton, a.smallbutton,div.content a.smallbutton .butt
     font-family: SansationLight;
 }
 td.tool {
-    border: solid 1px gray;
+    border: 1px solid gray;
     background-color: #FFFFFF;
     border-bottom-width: 2px;
     text-align:center;
@@ -820,7 +820,7 @@ td.tool {
     }
 }
 td.toolselected  {
-    border: solid 1px gray;
+    border: 1px solid gray;
     color: #FFFFFF;
     border-bottom-width: 2px;
     text-align:center;
@@ -917,7 +917,7 @@ div.inner_box  {
     overflow:hidden;
     z-index:3;
     position:absolute;
-    left : 5px;
+    left:10%;
     border:1px solid #00008B;
 -moz-box-shadow: 10px 10px 5px #888;
 /*! -webkit-box-shadow: 10px 10px 5px #888; */
@@ -933,7 +933,6 @@ div.inner_box  {
     width: 85%;
      border-radius: 9px; 
     /*! padding: 5px; */
-    left:10%;
     }
 }
 div.op_detail_title {
@@ -1272,7 +1271,7 @@ div.myfieldset
     margin-top: 5px;
     margin-left:5px;
     margin-right: 5px;
-    border:#EDF3FF 2px groove;
+    border:2px groove #EDF3FF ;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
@@ -1344,14 +1343,14 @@ div.menu3 {
     font-size : 1.2em;
 }*/
 textarea.itextarea{
-    border:solid #0000FF 1px;
+    border:1px solid #0000FF ;
     width:90%;
     margin-left:5%;
     height:120px;
 }
 
 textarea.itextarea:focus {
-    border:solid 1px orange;
+    border:1px solid orange;
     background-color:  lightyellow;
 }
 div#notice {
@@ -1805,12 +1804,13 @@ li.highlight a,tr.highlight a{
     color: inherit;
 }
 /*******************************************************************************
- * Inner_box on a larger screen
+ * Inner_box on a smaller screen
  *******************************************************************************/
 @media only screen and (min-width: 1280px) {
     div.inner_box  {
-        width: 75%;
-        left:5%;
+        width: 95%;
+        left:2%;
+        /*! margin-bottom: 2%; */
         padding-bottom: 10px;
         }
 }
@@ -2227,7 +2227,7 @@ div.content a.arrow {
  * Select box : list of actions
  */
 .select_box {
-    border:solid 0.5px darkblue;
+    border:0.5px  solid darkblue;
     background:white;
     width:455px;
     max-width:250px;
diff --git a/include/class/fiche.class.php b/include/class/fiche.class.php
index ba01e63a5..3405c940f 100644
--- a/include/class/fiche.class.php
+++ b/include/class/fiche.class.php
@@ -808,7 +808,7 @@ class Fiche
         $enable_is->readOnly=$p_readonly;
                 
         $ret.=tr( 
-                td(_("Actif")).td($enable_is->input())
+                td(_("Actif"),'class="input_text"').td($enable_is->input(),'class="input_text"')
                 );
         
         
diff --git a/include/lib/manage_table_sql.class.php b/include/lib/manage_table_sql.class.php
index b0e8cfa1f..f0a3e645e 100644
--- a/include/lib/manage_table_sql.class.php
+++ b/include/lib/manage_table_sql.class.php
@@ -124,7 +124,9 @@ class Manage_Table_SQL
         // By default no js sort
         $this->sort_column="";
         $this->dialog_box="dtr";
-        $this->dialogbox_style=array("position"=> "fixed", "top"=>  '15%',"width"=> "auto", "margin-left"=> "20%");
+        $this->dialogbox_style=array("position"=> "fixed", "top"=>  '15%',"width"=> "auto", 
+            "max-width"=>"60%",
+            "margin-left"=> "20%");
     }
     /**
      * send the XML headers for the ajax call