css: add custom css for footer elements

css/css.css

@@ -579,9 +579,30 @@ html .ui-page-theme-slapos-white .ui-input-action:active,
 html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
   background: #fff !important;
 }
-html body form label,
-html body form legend,
-html body .crumbs a,
-html body .crumbs a:after {
-  color: #235185; /* white on light background does not fly... */
+/* make controlgroup inside form less static...*/
+form.custom_footer_form div.ui-controlgroup {
+  display: inline-block;
+}
+form.custom_footer_form div.ui-fieldcontain {
+  display: inline-block;
+}
+@media (max-width: 40em) {
+  form.custom_footer_form div.ui-controlgroup,
+  form.custom_footer_form div.ui-fieldcontain {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  form.custom_footer_form {
+    margin-top: 1em;
+  }
+  form.custom_footer_form_language div.ui-select div.ui-btn {
+    width: 100%;
+    padding-left: 0;
+    padding-right: 0;
+  }
 }
+form.custom_footer_form input.custom_sizing {
+  width: auto;
+  padding-right: .25em;
+}
\ No newline at end of file