wip CSS

src/default-theme/shell.css

@@ -68,33 +68,41 @@
 }
 
 
-.jp-SideBar.jp-mod-left {
-  border-right: 1px solid #BDBDBD;
-  bottom: 0;
-}
-
-
+.jp-SideBar.jp-mod-left,
 .jp-SideBar.jp-mod-right {
   border-left: 1px solid #BDBDBD;
   bottom: 0;
 }
 
 
-.jp-SideBar .p-SideBar-content {
+.jp-SideBar.jp-mod-left .p-TabBar-content,
+.jp-SideBar.jp-mod-right .p-TabBar-content {
+  display: flex;
+  list-style: none;
   height: 35px;
-  transform-origin: 0 0 0;
+  line-height: 35px;
+}
+
+
+.jp-SideBar.jp-mod-left .p-TabBar-content {
+  flex-direction: column;
+}
+
+
+.jp-SideBar.jp-mod-right .p-TabBar-content {
+  flex-direction: column-reverse;
 }
 
 
 .jp-SideBar.jp-mod-left .p-TabBar-tab {
-  flex-direction: row-reverse;
-  transform: rotate(-90deg) translateX(-100%);
+  padding: 18px 0;
+  transform: rotate(-90deg);
 }
 
 
 .jp-SideBar.jp-mod-right .p-TabBar-tab {
-  flex-direction: row;
-  transform: rotate(90deg) translateY(-100%);
+  padding: 18px 0;
+  transform: rotate(90deg);
 }