[Fmsystem-commits] [17391] more on mobilefrontend

[sigurdne]

Revision: 17391
          http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=17391
Author:   sigurdne
Date:     2017-12-04 04:25:31 -0500 (Mon, 04 Dec 2017)
Log Message:
-----------
more on mobilefrontend

Modified Paths:
--------------
    trunk/controller/templates/mobilefrontend/css/base.css

Modified: trunk/controller/templates/mobilefrontend/css/base.css
===================================================================
--- trunk/controller/templates/mobilefrontend/css/base.css      2017-12-04 
09:24:47 UTC (rev 17390)
+++ trunk/controller/templates/mobilefrontend/css/base.css      2017-12-04 
09:25:31 UTC (rev 17391)
@@ -18,26 +18,30 @@
 
 #save_check_list
 {
-       text-align: center;
+/*     text-align: center;*/
        width: 140px;
 }
 
 #submit_ok
 {
-       text-align: center;
-       background-color: #4CAF50; /* Green */
+ /*    text-align: center;*/
+       background-color: #4CAF50; 
        width: 140px;
 }
 
 #submit_deviation {
-       text-align: center;
+/*     text-align: center;*/
        background-color: #f44336;
        width: 140px;
 }
 
+.pure-button
+{
+       width: 140px;
+}
 .case_saved
 {
-       background-color: #4CAF50; /* Green */
+       background-color: #4CAF50;
 }
 ul.add-cases {
     list-style-type: none;
@@ -66,3 +70,52 @@
 #check_list_details fieldset {
   padding: 0px 40px 10px 40px;
 }
+
+* {
+  box-sizing: border-box;
+}
+
+
+html, body {
+  max-width: 100vw;
+}
+
+/*A table..*/
+#components {
+       margin: auto;
+       border-collapse: collapse;
+       overflow-x: auto;
+       display: block;
+       width: fit-content;
+       max-width: 100%;
+       box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
+}
+
+td, th {
+  border: solid rgb(200, 200, 200) 1px;
+  padding: .5rem;
+}
+
+th {
+  text-align: left;
+  background-color: rgb(190, 220, 250);
+ /* text-transform: uppercase;*/
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  border-bottom: rgb(50, 50, 100) solid 2px;
+  border-top: none;
+}
+
+td {
+  white-space: nowrap;
+  border-bottom: none;
+  color: rgb(20, 20, 20);
+}
+
+td:first-of-type, th:first-of-type {
+  border-left: none;
+}
+
+td:last-of-type, th:last-of-type {
+  border-right: none;
+}