Display more than two panes correctly

[TheV360]

Currently, when two panes are open, everything works swimmingly -- but as soon as three or more panes are open, the layout becomes untenable.

This is due to the multi-pane system only ever being made for "split panes", possibly with the intention of allowing these panes to be resized later.

I propose

[tab was then left open for an hour]

Iiiii pro-pose, yeah

[tab was then left open for 4 hours]

so i added this fancy horizontal scroll bar

could maybe be something to tide us over until any fancier stuff is implemented wrt panes (i put the <view-slot>s into a container element, then gave display: flex to the <not-sidebar> so that i could put FILL ROW onto the container element and then i removed the > CSS selector constraint on #\$main_slides > view-slot and its ilk) (i think that's all i've done) (if you don't want sizing the first box to behave differently from the others, maybe would also add a margin-left: -0.5em; and then unconditionally add the border-left to all <view-slot>s?)

[TheV360]

bare minimum

scroll-columns.patch

diff --git a/index.html b/index.html
index eca3db7..20892d8 100644
--- a/index.html
+++ b/index.html
@@ -192,8 +192,9 @@
 <!--=====\
 || MAIN ||
 \======-->
-<not-sidebar class='FILL ROW' id=$main_slides>
+<not-sidebar class='FILL ROW'>
 	<button id=$openSidebar class='toggle-sidebar'>| | |</button>
+	<div id=$main_slides class="FILL ROW"></div>
 </not-sidebar>
 
 
diff --git a/src/style.css b/src/style.css
index bd50098..927722a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -325,14 +325,13 @@ a:hover {
 }
 
 
+#\$main_slides {
+	overflow-x: auto;
+	margin-left: -0.5rem;
+}
 #\$main_slides > view-slot {
 	border-left: 0.5rem solid var(--databarbgcolor);
-	min-width: 4rem !important;
-	width: 50%;
-}
-#\$main_slides > view-slot:first-of-type {
-	border-left: none;
-	flex: 0mm;
+	width: 40%;
 }
 #\$main_slides > view-slot:last-of-type > view-header {
 	padding-right: 2.25rem;

This has several bugs, but is the gist of it