Changed around line 155: footer {
- #modelType {
- width: 100%; /* Make the dropdown fill the available space */
- padding: 1rem; /* Add padding inside the dropdown */
- font-size: 1.1rem; /* Increase font size */
- border-radius: 6px; /* Add rounded corners */
- border: 1px solid var(--accent-color); /* Add a border matching your theme */
- background-color: var(
- --card-bg
- ); /* Match the dropdown background with your theme */
- color: var(--text-color); /* Match text color */
- appearance: none; /* Remove default dropdown styling (optional) */
- }
-
- #modelType option {
- font-size: 1.1rem; /* Ensure options match the dropdown font size */
- padding: 0.5rem; /* Add padding inside options */
- background-color: var(--card-bg); /* Match option background with theme */
- color: var(--text-color); /* Match option text color */
- }
-
+ appearance: none; /* Remove default styling */
+ width: 100%;
+ padding: 1rem;
+ font-size: 1.1rem;
+ border-radius: 6px;
+ border: 1px solid var(--accent-color);
+ background-color: var(--card-bg);
+ color: var(--text-color);
- right: 1rem;
+ right: 1rem; /* Position arrow to the right */
- pointer-events: none; /* Make the arrow unclickable */
- color: var(--text-color); /* Match arrow color with text */
+ pointer-events: none; /* Ensure arrow doesn't interfere with clicks */
+ color: var(
+ --accent-color
+ ); /* Make the arrow visible with a contrasting color */
+ font-size: 1rem; /* Adjust size of the arrow */