fixed listbox CSS below 320px

css/css.css

@@ -99,10 +99,6 @@ tbody .large {
 .button_board {
   text-align: center;
 }
-
-a.confirm, a.action {
-  font-weight: bold !important;
-}
 .profile {
   display: inline-block;
   border: 1px solid;

css/extensions.css

@@ -189,6 +189,12 @@ html table.ui-table tbody td {
   text-align: right;
   padding: 0 1em;
 }
+@media (max-width: 20em) {
+  html table.ui-table tbdoy th,
+  html table.ui-table tbody td {
+    padding: 0;
+  }
+}
 html table.ui-table tbody td a,
 html table.ui-table tbody th a {
   text-decoration: none;
@@ -214,21 +220,6 @@ html table.ui-table tr td .ui-controlgroup {
   margin: 0;
   text-align: center;
 }
-/* TODO: bad... */
-/*
-html .content_element > .action_menu {
-  font-size: 95%;
-  margin: 0 auto;
-  max-width: 60%;
-}
-@media (min-width: 40em) {
-  html .content_element > .action_menu {
-    font-size: 90%;
-    margin: 0 auto;
-    max-width: 50%;
-  }
-}
-*/
 html table.ui-table tr td .ui-controlgroup .ui-controlgroup-controls {
   width: auto;
 }
@@ -246,19 +237,22 @@ html table.table_default {
 }
 /* checkbox cells */
 html table th .ui-checkbox .ui-btn,
-html table th .ui-checkbox .ui-btn,
-html table td .ui-checkbox .ui-btn,
 html table td .ui-checkbox .ui-btn {
   border: 0 none;
   border-radius: 0 0 0 0;
   box-shadow: none !important;
   height: inherit;
-  /*
-  padding-bottom: 0.5em;
-  padding-top: 0.5em;
-  */
   width: 100%;
 }
+@media (max-width: 20em) {
+  html body table thead th .ui-checkbox .ui-btn,
+  html body table tbody th .ui-checkbox .ui-btn {
+    max-width: 1.25em;
+    min-width: 1.25em;
+    margin: 0 auto;
+    text-align: center;
+  }
+}
 html table.ui-table tbody th {
   padding-bottom: 0;
   padding-top: 0;
@@ -496,7 +490,7 @@ html table tr td .ui-checkbox {
   .ui-table-wrapper-bottom .ui-controlgroup .ui-controlgroup-controls .ui-btn,
   .ui-table-wrapper-top .ui-controlgroup .ui-controlgroup-controls .ui-select,
   .ui-table-wrapper-bottom .ui-controlgroup .ui-controlgroup-controls .ui-select {
-    width: 16%;
+    width: 10%;
     padding-left: 2%;
     padding-right: 2%;
   }
@@ -514,9 +508,9 @@ html table tr td .ui-checkbox {
   .ui-table-wrapper-bottom .ui-controlgroup .ui-controlgroup-controls .ui-btn:after,
   .ui-table-wrapper-top .ui-controlgroup .ui-controlgroup-controls .ui-select .ui-btn:after,
   .ui-table-wrapper-bottom .ui-controlgroup .ui-controlgroup-controls .ui-select .ui-btn:after {
-    left: auto;
-    right: auto;
-    margin-left: 5% /* bad... */;
+    /* left: auto;
+    right: auto; *//*
+    margin-left: 5%  bad... */;
   }
   /* only child */
   .ui-table-wrapper-bottom.ui-table-wrapper-inset > div:only-child,

css/themes.css

@@ -925,19 +925,20 @@ html head + body .ui-body-slapos-black.ui-focus{
 }
 @media (max-width: 45em) {
   .content_element .ui-input-search {
-    width: 60%;
+    width: 100%;
   }
 }
-@media (max-width: 30em) {
+@media (min-width: 45em) {
   .content_element .ui-input-search {
-    width: 65%;
-  }
-}
-@media (max-width: 20em) {
-  .content_element .ui-input-search{
-    width: 70%;
+    width: 60%;
   }
 }
+
+
+
+
+
+
 .panel .ui-panel-inner .panel_element {
   margin-left: -1em;
   margin-right: -1em;
@@ -998,7 +999,6 @@ html .ui-btn, label.ui-btn {
   .responsive.ui-btn:after,
   .responsive .ui-btn:after {
     text-indent: 0px;
-    left: auto;
   }
 }
 /* no bold buttons */