Improve sort-scheme

2 files changed, 12 insertions, 11 deletions

diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
index 6363c68..7158194 100644
--- a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
+++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
@@ -3,7 +3,7 @@
         <h1>Funding Basket</h1>
         <ng-template [ngIf]="(usersService.getBasket() | async)?.length">
             <ng-template let-need #NLActions>
-                <input type="number" placeholder="Quantity" min="1" [id]="need?.id" class="contribution sort-scheme" (input)="resetColor($event)">
+                <input type="number" placeholder="Quantity" min="1" [id]="need?.id" class="contribution" (input)="resetColor($event)">
                 <button class="removeNeed" (click)="this.usersService.removeNeed(need.id)">
                     <span class="icon">delete</span>Remove from Basket
                 </button>
diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css
index f3491e1..7f3f973 100644
--- a/ufund-ui/src/styles.css
+++ b/ufund-ui/src/styles.css
@@ -44,7 +44,7 @@ body {
     font-optical-sizing: auto;
 }
 
-input, textarea {
+input, textarea, select {
     resize: none;
     font-family: Inter, sans-serif;
     font-size: 14pt;
@@ -52,11 +52,16 @@ input, textarea {
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
-    background-color: var(--background-color);
+    background-color: var(--secondary-color);
 
     &:hover {
         background-color: var(--hover-color);
     }
+
+    &.sort-scheme {
+        background-color: transparent;
+        border-color: var(--secondary-color);
+    }
 }
 
 button, input[type=button], input[type=reset], input[type=submit], .button {
@@ -75,6 +80,10 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     &:hover {
         background-color: var(--hover-color);
     }
+
+    &.sort-scheme {
+        background-color: transparent;
+    }
 }
 
 .button2 {
@@ -92,14 +101,6 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     font-family: 'Material Symbols Outlined'
 }
 
-.sort-scheme {
-    background-color: var(--background-color);
-    border-style: solid;
-    border-color: var(--tertiary-color);
-    border-radius: 5px;
-    border-width: 1px;
-}
-
 h1 {
     font-size: 40px;
 }