From 4d8d2c1c393f34336fe8590587bd528f495dd3a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonathan=20Demmerl=C3=A9?=
 <32387906+Welmoc@users.noreply.github.com>
Date: Thu, 21 Jun 2018 10:25:41 +0200
Subject: [PATCH] some fixes

@media (max-width: is ugly, but well, better than nothing.
---
 bureau/admin/styles/style.css | 189 ++++++++++++++++++++++++----------
 1 file changed, 133 insertions(+), 56 deletions(-)

diff --git a/bureau/admin/styles/style.css b/bureau/admin/styles/style.css
index 4fce8f71..b63b992e 100644
--- a/bureau/admin/styles/style.css
+++ b/bureau/admin/styles/style.css
@@ -1,4 +1,3 @@
-
 :root {
   --blue: #007bff;
   --indigo: #6610f2;
@@ -55,7 +54,6 @@ body.light {
 }
 
 table {
-  border: 1px solid #ddd;
   border-radius: 5px;
 }
 
@@ -79,6 +77,10 @@ thead tr th:hover, table.tlist tbody tr:first-child th:hover {
   background-color: #f8f8f8 !important;
 }
 
+tbody tr:first-child {
+  border-bottom: 1px solid #eee;
+}
+
 table.tlist > tbody > tr.lst:hover,
 table.tlist > tbody > tr.lst > td:hover,
 form[action="adm_dodel.php"] > table.tlist > tbody > tr:hover,
@@ -86,6 +88,18 @@ form[action="adm_dodel.php"] > table.tlist > tbody > tr > td:hover {
   background-color: #DFEEF8 !important;
 }
 
+table.tlist > tbody > tr.lst:first-child {
+  background-color: #fff;
+}
+
+table.tlist > thead {
+  border-bottom: 1px solid #eee;
+}
+
+table.tlist > thead + tbody > tr.lst {
+  border-bottom: transparent !important;
+}
+
 tr:hover,  td:hover
 {
   background-color: transparent;
@@ -127,6 +141,7 @@ h3 {
 
 .trbtn {
   text-align: right;
+
 }
 
 h4 {
@@ -148,8 +163,8 @@ hr {
   display: none;
 }
 
-.block_login_page br, td br, form > br, p.hlp > br {
-  display: contents !important;
+.block_login_page br, td br, form > br, p.hlp > br, td br {
+  display: block !important;
 }
 
 a {
@@ -200,6 +215,15 @@ div.ui-accordion-content > ul {
   margin-top: 0px !important;
 }
 
+select {
+  border: 1px solid #999;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 13px;
+  color: black;
+  background: white;
+  text-transform: lowercase;
+}
+
 .inc, .inl {
   border: 1px solid #999;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
@@ -208,7 +232,20 @@ div.ui-accordion-content > ul {
   background: white;
 }
 
-body.light input.inb, input.ina{
+#inp1 {
+  min-width: 50%;
+  margin-top: 5px;
+}
+
+form > br + .inb, form > br + .ina, form > br + .inb + .inb, form > br + .ina + .inb, form > br + .inb + .ina, form > br + .ina + .ina {
+  margin-top: 10px;
+}
+
+p > input#file + br + .inb, p > input#file + br + .inb + .inb {
+  margin-top: 10px;
+}
+
+.showdirsize_button {
   margin-top: 10px;
 }
 
@@ -226,13 +263,12 @@ input.inb, input.ina{
   vertical-align: middle;
   padding-left: 10px;
   height: auto;
-  margin-top: auto;
 }
 
 input.inb:hover, input.ina:hover {
   border: 1px solid #999;
   text-decoration: none;
-  background-color: #DFEEF8;
+  background-color: #F8F8F8;
 }
 
 input.inb:focus, input.ina.focus {
@@ -313,25 +349,24 @@ input.ina:hover, input.inav:hover {
   border: 1px solid #999;
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
-  padding: 2px 4px 2px 4px;
   color: black;
   cursor: pointer;
 }
 
+input.ina[name="actdel"], input.ina[name="actrename"], input.ina[name="actperms"], input.ina[name="actcopy"], input.ina[name="actmove"] {
+  padding-top: 5px;
+  padding-bottom: 4px;
+}
+
 input.ina, .ina a, .inb a, input.inb, input.ina,
-input.ina:hover, .ina a:hover, .inb a:hover,
 input.inav, .inav a {
-  background-color: #F8F8F8;
+  background-color: #fff;
 }
 
 input.inav:hover, .inav a:hover, a.inav:hover,
-input.ina, .ina a  {
-  background-color: #fff;
+input.ina:hover, .ina a:hover, .inb a:hover {
+  background-color: #F8F8F8;
 }
-/*
-.ina-active a, a.ina-active, input.ina-active {
-background-color: #C1FFCD;
-}*/
 
 .ina a, a.ina, .inb a, a.inb,.inav a, a.inav {
   color: black;
@@ -353,23 +388,31 @@ background-color: #C1FFCD;
 #emaildom.int, #newsubname.int, #create_dom_list {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
-  padding-bottom: 4px;
-  padding-top: 4px;
   padding-right: 10px;
 }
 
 #tabsdom-addsub #newsubname.int {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
-  padding-bottom: 5px;
-  padding-top: 3px;
   padding-right: 10px;
+  display: inline-table;
+  padding-top: 0.23em;
+  padding-bottom: 0.23em;
+}
+
+span#newsubname {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  padding-right: 10px;
+  display: inline-table;
+  padding-top: 0.28em;
+  padding-bottom: 0.18em;
 }
 
 .int#sub, .int#mail_arg {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
-  padding-top: 2px;
+  display: inline-table;
 }
 
 .ina a:hover, a.ina:hover, .inb a:hover, a.inb:hover,.inav a:hover, a.inav:hover {
@@ -406,10 +449,11 @@ form[action='adm_dodefquotas.php'] table {
   border: 1px solid #ccc;
   border-radius: 4px;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  min-height: 26px;
+  min-height: 2em;
 }
 
 span.intleft, #usernpfx, #newdomwww {
+  display: inline-table;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   padding-bottom: 4px;
@@ -417,6 +461,15 @@ span.intleft, #usernpfx, #newdomwww {
   padding-right: 10px;
 }
 
+form#formlist1 > span.int.intleft {
+  padding-bottom: 0.14em;
+  padding-top: 0.43em;
+}
+
+input[name="domain_id"] + input.inb.add {
+  margin-top: -4px;
+}
+
 #create_dom_list_pfx {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
@@ -451,6 +504,11 @@ input.intright {
   border-bottom-left-radius: 0px;
 }
 
+input.int[name="userfile"] {
+  padding-top: 5px;
+  padding-bottom: 2px;
+}
+
 .intleft {
   border-right: 0px;
   padding-right: 0px;
@@ -804,8 +862,7 @@ form[action="mman_edit.php"] > table > tbody > tr.lst1:hover, form[action="mman_
 }
 
 table.searchtable {
-  width: 700px;
-  border: 1px dotted #99f;
+  width: 900px;
   margin: 20px 0 20px 0px;
 }
 
@@ -820,10 +877,6 @@ table.searchtable td {
   margin-right: auto;
   bottom: 0;
 }
-/*
-.logout-menu {
-  margin-bottom: 100%;
-}*/
 
 #content > .center {
     display: none;
@@ -839,6 +892,7 @@ table.searchtable td {
 
 
 #sendthisfile {
+  display: flex;
   margin-top: 6px;
 }
 
@@ -870,6 +924,9 @@ input#email {
 span#emaildom {
   border-left: 0;
   padding-left: 2px;
+  display: inline-table;
+  padding-top: 0.28em;
+  padding-bottom: 0.18em;
 }
 
 .tedit {
@@ -913,10 +970,6 @@ table.tlistb, .tlistb tr, form > table {
   border: 1px solid transparent;
 }
 
-.tlist th, .tlist2 th {
-  font-size: 125%;
-}
-
 input#dir, input#sub_local {
   width: 200px;
 }
@@ -978,6 +1031,7 @@ input#dir, input#sub_local {
 .menu-quota div.progress-bar {
   width: 180px;
   background: #fff;
+  color: white;
   border: 1px solid transparent;
   margin-left: 10px;
   display: none;
@@ -1006,7 +1060,6 @@ div.progress-bar div.barre {
 
 div.progress-bar div.txt {
   position: absolute;
-  top: 3px;
   left: 0;
   width: 100%;
   text-align:center;
@@ -1033,35 +1086,35 @@ div.progress-bar div.txt {
 .edit a, a.edit, input.edit {
   background-image: url(../images/edit.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .view a, a.view, input.view {
   background-image: url(../images/code.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .lock a, a.lock, input.lock {
   background-image: url(../icon/encrypted.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .settings a, a.settings, input.settings {
   background-image: url(../icon/settings.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .ok a, a.ok, input.ok {
   background-image: url(../icon/ok.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   color: #fff;
   background-color: #5cb85c;
@@ -1071,7 +1124,7 @@ div.progress-bar div.txt {
 input.ok:hover, input.ok:focus {
   background-image: url(../icon/ok.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   color: #fff;
   background-color: #449d44;
@@ -1087,7 +1140,7 @@ input[value="Delete the checked users"] {
 input.add, span.add .ina {
   background-image: url(../icon/add.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
@@ -1101,7 +1154,7 @@ div > .add a:hover, p > a.add:hover {
 input.add:hover, input.add:focus {
   background-image: url(../icon/add.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   color: #fff;
   background-color: #449d44;
@@ -1111,7 +1164,7 @@ input.add:hover, input.add:focus {
 .delete a, a.delete, input.delete {
   background-image: url(../icon/delete.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
@@ -1125,7 +1178,7 @@ div > .delete a:hover, p > a.delete:hover {
 input.delete:hover, input.delete:focus {
   background-image: url(../icon/delete.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   color: #fff;
   background-color: #d9534f;
@@ -1135,14 +1188,14 @@ input.delete:hover, input.delete:focus {
 .cancel a, a.cancel, input.cancel {
   background-image: url(../icon/cancel.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 input.cancel:hover {
   background-image: url(../icon/cancel.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   background-color: #fcf8e3;
 }
@@ -1150,7 +1203,7 @@ input.cancel:hover {
 input.cancel:active {
   background-image: url(../icon/cancel.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   background-color: #f0ad4e;
   border-color: #eea236;
@@ -1175,35 +1228,35 @@ input.cancel:active {
 .configure a, a.configure, input.configure {
   background-image: url(../icon/configure.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .edit a, a.edit, input.edit {
   background-image: url(../icon/edit.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .save a, a.save, input.save {
   background-image: url(../icon/save.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .down a, a.down, input.down {
   background-image: url(../icon/save.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
 .up a, a.up, input.up {
   background-image: url(../icon/up.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   padding-top: 5px;
   padding-bottom: 5px;
@@ -1212,7 +1265,7 @@ input.cancel:active {
 .up a:hover, a.up:hover, input.up:hover {
   background-image: url(../icon/up.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
   padding-top: 5px;
   padding-bottom: 5px;
@@ -1226,7 +1279,7 @@ input.cancel:active {
 .back a, a.back, input.back {
   background-image: url(../icon/back.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
@@ -1349,7 +1402,7 @@ input.cancel:active {
 .filter a, a.edit, input.filter {
   background-image: url(../icon/filter.png);
   background-repeat: no-repeat;
-  background-position: 8px 8px;
+  background-position: 8px 5px;
   padding-left: 30px;
 }
 
@@ -1392,7 +1445,6 @@ body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widg
 }
 
 body .ui-state-active, body .ui-widget-content, body .ui-state-active, body .ui-widget-header .ui-state-active {
-  border: 1px solid #ddd;
   color: #555;
   cursor: default;
   background-color: #fff;
@@ -1552,11 +1604,12 @@ body.login_page {
 }
 
 .login_page #content {
-  padding: 10px 10px 10px 0px;
+  padding: 10px 10px 10px 10px;
   border: 1px solid #ddd;
   border-radius: 5px;
   width: auto;
 }
+
 .login_page #logo, .login_page {
   text-align:center;
 }
@@ -1669,6 +1722,7 @@ small > i {
   background-repeat: no-repeat;
   background-position: 8px 10px;
   padding-left: 30px;
+  text-align: center;
 }
 
 .alternc_powered {
@@ -1682,3 +1736,26 @@ small > i {
   right: 10px;
   z-index: 1000;
 }
+
+@media (max-width:2000px) {
+  span#emaildom {
+    padding-top: 0.17em;
+    padding-bottom: 0.27em;
+  }
+  form#formlist1 > span.int.intleft {
+    padding-bottom: 0.15em;
+    padding-top: 0.4em;
+  }
+  span.intright {
+    padding-bottom: 0.4em;
+    padding-top: 0.25em;
+  }
+  span#newsubname {
+    padding-top: 0.17em;
+    padding-bottom: 0.27em;
+  }
+  #tabsdom-addsub #newsubname.int {
+    padding-top: 0.1em;
+    padding-bottom: 0.35em;
+  }
+}