Improved jquery.ui.tabs compatibility

admin_interface/templates/admin_interface/css/admin-interface-fix.css

@@ -308,6 +308,9 @@ body.admin-interface .paginator a.showall:visited {
         width: 100% !important;
         flex: 0 1 auto;
     }
+    .admin-interface .aligned .form-row input[type="file"] {
+        width: 100% !important;
+    }
 }
 
 /* improve responsive selector */

admin_interface/templates/admin_interface/css/jquery.ui.tabs.css

@@ -43,6 +43,14 @@ backward compatibility:
 .admin-interface .ui-tabs {
     padding: 0;
 }
+
+.admin-interface .ui-tabs,
+.admin-interface .ui-tabs .ui-widget-header,
+.admin-interface .ui-tabs .ui-widget-header .ui-state-default {
+    border: none;
+    background: transparent;
+}
+
 .admin-interface .ui-tabs .ui-tabs-nav {
     padding: 10px 0 0 10px;
     border-bottom: none;

admin_interface/templates/admin_interface/css/tabbed-admin.css

@@ -3,9 +3,35 @@ django-tabbed-admin support
 https://github.com/omji/django-tabbed-admin
 */
 
-@media (max-width: 767px){
+/* Hide tabs until ready */
-    /* fix horizontal overflow - responsive.css:563 */
+/*
-    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .aligned .form-row > div {
+.admin-interface #tabs ul {
-        width: 100%;
+    display: none;
+}
+
+.admin-interface #tabs ul.ui-tabs-nav {
+    display: block;
+}
+*/
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child {
+    margin-bottom: 0;
+}
+
+.admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .module.aligned:last-child .form-row:last-child {
+    border-bottom: none;
+}
+
+@media (max-width: 350px){
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .vTextField,
+    .admin-interface .inline-related .vTextField {
+        width: 17em;
+    }
+}
+
+@media (max-width: 767px){
+    /* fix horizontal overflow - responsive.css:563 */
+    .admin-interface .ui-tabs .ui-tabs-panel[id^=tabs] .aligned .form-row > div:not([class]) {
+        width: 100% !important;
     }
 }