Global Tabs: improve reponsiveness

style.css

@@ -86,6 +86,8 @@ a:active {
 }
 .tabs-section {
   padding: 0.1em;
+  max-height: 250px;
+  overflow-y: auto;
 }
 .tabs-section > h3:first-of-type {
   margin-top: 0;
@@ -142,6 +144,16 @@ a:active {
   content: '';
 }
 
+@media all and (max-height: 600px) {
+.tabs-section {
+  max-height: 200px;
+}
+}
+@media all and (max-height: 500px) {
+.tabs-section {
+  max-height: 150px;
+}
+}
 @media all and (max-height: 400px) {
 #sidebar {
   overflow: auto;
@@ -149,6 +161,10 @@ a:active {
 #sidebar > #content {
   overflow: visible;
 }
+.tabs-section {
+  max-height: none;
+  overflow-y: visible;
+}
 }
 
 @media all and (max-width: 500px) {
@@ -182,6 +198,10 @@ a:active {
 #sidebar > #content {
   overflow: visible;
 }
+.tabs-section {
+  max-height: none;
+  overflow-y: visible;
+}
 }
 
 @media all and (max-width: 500px) and (max-height: 500px) {