base sidebar css

index.html

@@ -10,6 +10,7 @@
         <link href='./styles/context.css' rel='stylesheet'>
         <link href='./styles/modal.css' rel='stylesheet'>
         <link href="./styles/toast.css" rel="stylesheet">
+        <link href="./styles/sidebar.css" rel="stylesheet">
 
         <title>FileKade</title>
     </head>

styles/files.css

@@ -10,7 +10,7 @@
 }
 
 .files {
-    margin: 0 15px 12px 15px;
+    margin: 0 15px 12px 7px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;

styles/sidebar.css

@@ -0,0 +1,17 @@
+#sidebar {
+    width: 10%;
+    border-right: 1px solid #5d60caaf;
+    margin: 0 0;
+    padding: 12px 14px;
+}
+
+#container {
+    flex-basis: 90%;
+}
+
+#master {
+    display: flex;
+    align-items: stretch;
+    align-content: flex-start;
+    justify-content: stretch;
+}