1 files changed, 70 insertions, 3 deletions

diff --git a/frontend/src/app/_elements/folder/folder.component.css b/frontend/src/app/_elements/folder/folder.component.css
index 3e865576..ce9b9fad 100644
--- a/frontend/src/app/_elements/folder/folder.component.css
+++ b/frontend/src/app/_elements/folder/folder.component.css
@@ -8,7 +8,7 @@
     display: flex;
     flex-direction: row;
     align-items: flex-end;
-    height: 4rem;
+    height: 3.1rem;
 }
 
 #tabs>.folder-tab:not(:first-child) {
@@ -83,16 +83,15 @@
 
 #search-options {
     margin-left: auto;
-    margin-top: 7px;
     display: flex;
     flex-direction: row;
     align-items: center;
+    height: 100%;
 }
 
 #selected-content {
     background-color: var(--ns-bg-dark-50);
     width: 100%;
-    height: 36rem;
     /*backdrop-filter: blur(2px);*/
     border-color: var(--ns-primary);
     border-style: solid;
@@ -120,4 +119,72 @@
 .rounded-bottom {
     border-top-right-radius: 0;
     border-top-left-radius: 0;
+}
+
+.separator {
+    border-left-color: var(--ns-primary);
+    border-left-width: 1px;
+    border-left-style: solid;
+}
+
+.list-view {
+    height: 100%;
+    overflow-y: auto;
+}
+
+.list-item {
+    height: 3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid var(--ns-primary);
+}
+
+.list-item:hover {
+    background-color: var(--ns-bg-dark-100);
+    box-shadow: 0px 3px 3px var(--ns-primary);
+}
+
+.list-item:hover>.hover-hide {
+    display: none;
+}
+
+.folder-inside {
+    width: 100%;
+    height: 40rem;
+    overflow-y: auto;
+}
+
+.file-content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
+
+.file-bottom-buttons {
+    position: absolute;
+    bottom: 15px;
+    right: 15px;
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.file-button {
+    position: relative;
+    color: var(--offwhite);
+    border-radius: 4px;
+    border: 1px solid var(--ns-primary);
+    margin: 5px;
+    padding: 5px;
+    cursor: pointer;
+    z-index: 1001;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.file-button:hover {
+    background-color: var(--ns-primary);
 }
\ No newline at end of file