Add Fixed Design Files Component

public/stylesheets/style.css

@@ -153,10 +153,6 @@ body {
 }
 
 
-
-
-
-
 .viewbar {
 
   display: block !important;
@@ -216,7 +212,7 @@ body {
     
   }
   .edropdown-content {
-    text-align: center;
+
     display: none;
     background-color: rgb(80, 80, 80);
     position: absolute;
@@ -289,10 +285,26 @@ body {
   
   .sidebar-content {
 
-    text-align: center;
+    
     height: 83%;
-    padding-top: 50%;
-    padding-bottom: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+   
+  }
+
+  .middle {
+
+    display: flex;
+    justify-content: start;
+    gap: 1vw; 
+    flex-direction: column;
+ 
+  }
+
+  .sidebar:hover .middle {
+    width: 100%;
    
   }
 
@@ -418,7 +430,6 @@ body {
     
   }
   .edropdown-content {
-    text-align: center;
     display: none;
     background-color: rgb(80, 80, 80);
     position: absolute;