add CSS for table caption, header logo, reset font-sizes

css/css.css

+html body .ui-input-text.invalid {
+  border: 1px solid red !important;
+}
 .bold {
   font-weight: bold;
 }

css/extensions.css

@@ -141,30 +141,37 @@ html body .ui-input-text .ui-input-action:active {
     max-width: 90%;
   }
 }
-
+html div.ui-table-wrapper-top p,
+html div.ui-table-wrapper-bottom p {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+html table.ui-table thead th, html table.ui-table thead td {
+  padding: 0;
+}
 /* font-size */
 html table.ui-table {
-  font-size: 90%;
+  /* font-size: 90%; */
 }
 html div.ui-table-wrapper-top > *,
 html div.ui-table-wrapper-bottom > *,
 html div.ui-collapsible-set {
-  font-size: 100%;
+  /* font-size: 100%; */
 }
 @media (min-width: 40em) {
   html table.ui-table {
-    font-size: 80%;
+    /* font-size: 80%; */
   }
   html div.ui-collapsible-set table.ui-table {
-    font-size: 90%;
+   /* font-size: 90%; */
   }
   html div.ui-table-wrapper-top > *,
   html div.ui-table-wrapper-bottom > *,
   html div.ui-collapsible-set {
-  font-size: 90%;
+  /* font-size: 90%;*/
   }
   html table thead th a.ui-btn {
-    font-size: 100%;
+    /* font-size: 100%; */
   }
 }
 /* shrink icon font-size (should not be set here...) */
@@ -180,6 +187,7 @@ html div.ui-collapsible-set h1 .ui-btn[class*="ui-icon-"]:after{
 html table.ui-table tbdoy th,
 html table.ui-table tbody td {
   text-align: right;
+  padding: 0 1em;
 }
 html table.ui-table tbody td a,
 html table.ui-table tbody th a {
@@ -207,6 +215,7 @@ html table.ui-table tr td .ui-controlgroup {
   text-align: center;
 }
 /* TODO: bad... */
+/*
 html .content_element > .action_menu {
   font-size: 95%;
   margin: 0 auto;
@@ -219,6 +228,7 @@ html .content_element > .action_menu {
     max-width: 50%;
   }
 }
+*/
 html table.ui-table tr td .ui-controlgroup .ui-controlgroup-controls {
   width: auto;
 }

css/tabs.backup.css

-/* horizontal tabs  */
-/* margins set: -1em, tabs regular: 0, inset 1em */
-.ui-collapsible-set-horizontal {
-  margin-left: -1em;
-  margin-right: -1em;
-}
-.ui-collapsible-set-horizontal .ui-collapsible {
-  margin-left: 0;
-  margin-right: 0;
-}
-/* fallback on small screens = override grid */
-@media (max-width: 40em) {
-  .ui-collapsible-set-horizontal[class*="ui-grid-"] .ui-collapsible {
-    overflow: auto;
-    clear: none;
-    float: none;
-    width: auto;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible.ui-collapsible-inset {
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-}
-@media (min-width: 40em) {
-
-  .ui-collapsible-set-horizontal .ui-collapsible-content .ui-listview {
-    margin-top: 0 !important;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible h3 .ui-btn {
-    border-bottom-width: 1px;
-  }
-  .ui-collapsible-set .ui-collapsible {
-    margin-top: 0;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible .ui-collapsible-heading .ui-btn {
-    border-left-width: 1px;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible.ui-last-child .ui-collapsible-heading .ui-btn {
-    border-right-width: 1px;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible-heading {
-    width: 100%;
-    margin: 0;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible-content {
-    margin-top: -15px;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible .ui-btn-active {
-    border-bottom-width: 0;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible-collapsed .ui-btn {
-    border-bottom-width: 1px;
-  }
-  .ui-collapsible-set-horizontal .ui-collapsible .ui-collapsible-content {
-    border-top-width: 0;
-  }
-
-}
\ No newline at end of file

css/themes.css

@@ -1576,7 +1576,18 @@ html .ui-select .ui-btn-icon-right:after {
 .ui-input-text .ui-input-clear:hover {
   background: transparent;
 }
-
+/* header logo, careful, no more buttons possible! */
+html .ui-header .ui-header-logo img {
+  max-height: 37px;
+  padding: 2px 0.5em;
+  vertical-align: middle;
+}
+@media (max-width: 40em) {
+  html .ui-header .ui-header-logo ~ h1 {
+    margin-right: 1em;
+    text-align: right;
+  }
+}