feat: update mobile design (#1526)

packages/web/src/stylesheets/_columns.scss

@@ -26,8 +26,9 @@
     }
 
     &:not(.selected) {
+      min-height: 0;
       height: auto;
-      border-bottom: 1px solid var(--sn-stylekit-border-color);
+      padding: 0;
     }
   }
 }

packages/web/src/stylesheets/_main.scss

@@ -150,16 +150,9 @@ $footer-height: 2rem;
   width: 100%;
 
   .section {
-    padding-bottom: 0px;
     position: relative;
     overflow: hidden;
 
-    > .content {
-      height: 100%;
-      max-height: 100%;
-      position: relative;
-    }
-
     .section-title-bar {
       .add-button {
         font-size: 12px;
@@ -168,7 +161,6 @@ $footer-height: 2rem;
       .section-title-bar-header {
         display: flex;
         justify-content: space-between;
-        align-items: center;
         // This was causing problems with tags + button cutting off on right when the panel is a certain size
         // overflow: hidden;
 

packages/web/src/stylesheets/_navigation.scss

@@ -57,7 +57,6 @@ $content-horizontal-padding: 16px;
   .tag,
   .root-drop {
     font-size: 14px;
-    padding: 4px 14px;
     cursor: pointer;
     transition: height 0.1s ease-in-out;
     width: 100%;