css removal unused lines

app/styles/Settings.css

@@ -10,15 +10,12 @@
     justify-content: center;
     align-items: center;
 }
-
 .settings-main h2 {
     margin-bottom: 1em;
 }
-
 .settings-main p {
     padding-bottom: 7px;
 }
-
 /* Main container for the settings */
 .settings-container {
     display: grid;
@@ -29,7 +26,6 @@
     height: 100%;
     /* Ensure it takes full height */
 }
-
 /* Settings content */
 .settings-content {
     background: var(--history-background-color);
@@ -49,7 +45,6 @@
     flex-direction: column;
     /* Flexbox for vertical stacking */
 }
-
 /* Sidebar styles */
 .sidebar {
     background: var(--settings-background-color);
@@ -66,7 +61,6 @@
     height: 100%;
     /* Ensures sidebar takes full height */
 }
-
 /* Sidebar item styles */
 .sidebar ul {
     list-style-type: none;
@@ -78,7 +72,6 @@
     flex-grow: 1;
     /* Allows the list to take available space */
 }
-
 .sidebar li {
     margin: 10px 0;
     cursor: pointer;
@@ -86,17 +79,14 @@
     border-radius: 5px;
     transition: background 0.3s;
 }
-
 .sidebar li:hover {
     background: var(--input-button-hover-color);
     /* Highlight on hover */
 }
-
 .sidebar li.active {
     background: var(--button-hover-background-color);
     /* Active section highlight */
 }
-
 /* Main settings area */
 .settings-main {
     grid-column: 2;
@@ -110,7 +100,6 @@
     flex-direction: column;
     /* Stack content vertically */
 }
-
 /* Close button positioning */
 .close-popup {
     background: var(--close-button-color);
@@ -129,7 +118,6 @@
     /* Distance from the right */
     transition: background 0.3s;
 }
-
 /* Close button positioning */
 .apply {
     background: var(--apply-button-color);
@@ -148,13 +136,10 @@
     /* Distance from the right */
     transition: background 0.3s;
 }
-
 .close-popup:hover {
     background: darkred;
     /* Optional hover effect */
 }
-
-
 /* Additional styles for inputs and options */
 .settings-option {
     margin-bottom: 20px;
@@ -164,14 +149,12 @@
     border-bottom: 1px solid var(--input-border-color);
     /* Optional, creates a separator between options */
 }
-
 .settings-option:last-child {
     margin-bottom: 0;
     /* Removes bottom margin from last option */
     border-bottom: none;
     /* Removes separator from last option */
 }
-
 .settings-option input[type="text"],
 .settings-option input[type="email"],
 .settings-option input[type="password"],
@@ -188,33 +171,28 @@
     margin-bottom: 10px;
     /* Adds spacing between inputs */
 }
-
 /* Optional additional spacing for labels */
 .settings-option label {
     margin-bottom: 5px;
     display: block;
     font-weight: bold;
 }
-
 .export-button {
     background-color: var(--button-hover-background-color);
     padding: 10px;
     margin: 10px;
     border-radius: 10px;
 }
-
 .import-file {
     background-color: var(--button-hover-background-color);
     padding: 10px;
     margin: 10px;
 }
-
 .slider {
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
 }
-
 .slider-option {
     cursor: pointer;
     padding: 10px;
@@ -222,26 +200,22 @@
     border-radius: 5px;
     transition: background-color 0.3s;
 }
-
 .slider-option.active {
     background-color: #007bff;
     /* Change to your active color */
     color: white;
     border-color: #007bff;
 }
-
 input[type="radio"] {
     display: none;
     /* Hide the default radio buttons */
 }
-
 .slider-option.disabled {
     opacity: 0.5;
     /* Make the option appear greyed out */
     pointer-events: none;
     /* Prevent clicks */
 }
-
 .dropdown{
     display: none;
 }