Add files via upload

index.html

@@ -75,7 +75,7 @@
     color: #8b8b8b;
     line-height: 1.6;
     overflow-y: auto;
-    max-height: 200px ;
+    max-height: calc(100% - 50px);
   }
 
   .date {
@@ -90,7 +90,7 @@
   .notepad {
     display: flex;
     flex-direction: column;
-    height: calc(100% - 50px);
+    height: calc(100% - 5px);
   }
 
   .notepad-header {
@@ -153,6 +153,7 @@
     color: #fff;
     font-size: 0.9em;
     outline: none;
+
 }
 
 .add-btn {
@@ -174,7 +175,8 @@
     list-style: none;
     padding: 0;
     margin: 0;
-    max-height: 300px;
+    height: calc(100% - 80px);
+    width: 100%;
     overflow-y: auto;
 }
 
@@ -187,6 +189,7 @@
     justify-content: space-between;
     align-items: center;
     animation: fadeIn 0.3s ease;
+    overflow: auto;  
 }
 
 .delete-btn {
@@ -242,8 +245,8 @@
 .top-bar ul li a {
     text-decoration: none;  /* Remove underlines */
     color: white;  /* Link color */
-    font-size: 16px;
-    transition: color 0.3s;  /* Smooth transition for hover effect */
+    font-size: 14px;
+    transition: color 0.15s;  /* Smooth transition for hover effect */
 }
 
 /* Hover effect for the links */
@@ -274,7 +277,6 @@
 
 /* Style the thumb when it's hovered */
 ::-webkit-scrollbar-thumb:hover {
-
     background-image: linear-gradient(180deg, #430527 0%, #0f3355 99%);
 }
 
@@ -311,17 +313,13 @@
         <ul>
             <li><a href="https://www.example1.com" target="_blank">GPT</a></li>
             <li><a href="https://www.example2.com" target="_blank">Claude </a></li>
-            <li><a href="https://www.example3.com" target="_blank">YT</a></li>
+            <li><a href="https://www.example3.com" target="_blank">YouTube</a></li>
             <li><a href="https://www.example4.com" target="_blank">GitHub </a></li>
             <li><a href="https://www.example5.com" target="_blank">Reddit </a></li>
             <li><a href="https://www.example5.com" target="_blank">Google </a></li>
             <li><a href="https://www.example5.com" target="_blank">DuckDuckGo</a></li>
-            <li><a href="https://www.example5.com" target="_blank">Barclays </a></li>
-            <li><a href="https://www.example5.com" target="_blank">GMAIL </a></li>
-            <li><a href="https://www.example5.com" target="_blank">PayPal </a></li>
-            <li><a href="https://www.example5.com" target="_blank">Barclays </a></li>
+            <li><a href="https://www.example5.com" target="_blank">U.G. </a></li>
             <li><a href="https://www.example5.com" target="_blank">PaidTabs </a></li>
-
 
 
             <!-- GMX Proton.me iCloud Mail.com