CSS: Less hacky .maintabs

Flexbox instead of floats. Apart from that, it's still very hacky. Uses
relative positioning in order to overlay 1px over the .mainbox.

This should fix the ages-old 'bottom tabs overlay next mainbox' bug and
provide more flexibility with adding a top-level <fieldset> or centered
buttons.

1 files changed, 12 insertions, 10 deletions

diff --git a/lib/VNDB/Util/FormHTML.pm b/lib/VNDB/Util/FormHTML.pm
index 1a1313e8..85b7fab9 100644
--- a/lib/VNDB/Util/FormHTML.pm
+++ b/lib/VNDB/Util/FormHTML.pm
@@ -209,16 +209,18 @@ sub htmlForm {
 
   # tabs
   if(@subs > 2) {
-    ul class => 'maintabs notfirst', id => 'jt_select';
-     for (0..$#subs/2) {
-       li class => 'left';
-        a href => "#$subs[$_*2]", id => "jt_sel_$subs[$_*2]", $subs[$_*2+1][0];
-       end;
-     }
-     li class => 'left';
-      a href => '#all', id => 'jt_sel_all', 'All items';
-     end;
-    end 'ul';
+    div class => 'maintabs left';
+     ul id => 'jt_select';
+      for (0..$#subs/2) {
+        li class => 'left';
+         a href => "#$subs[$_*2]", id => "jt_sel_$subs[$_*2]", $subs[$_*2+1][0];
+        end;
+      }
+      li class => 'left';
+       a href => '#all', id => 'jt_sel_all', 'All items';
+      end;
+     end 'ul';
+    end 'div';
   }
 
   # form subs