css removal unused lines

app/styles/input.css

@@ -1,15 +1,11 @@
-/* Input Section */
-.input {
+.input{
     border-radius: 8px;
     background-color: var(--input-background-color);
-    padding: 1em;
-    padding-left: 0.5em;
-    padding-right: 0;
+    padding: 1em 0 1em 0.5em;
     margin: 0 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: auto;
     height: 10dvh;
     position: absolute;
     left: 0.25vw;
@@ -18,8 +14,7 @@
     box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.5);
     z-index: 600;
 }
-
-.input input {
+.input input{
     flex-grow: 1;
     padding: 5px;
     font-size: 1em;
@@ -32,20 +27,16 @@
     transition: border-color 0.3s ease-in-out;
     height: 7vh;
 }
-
-.textInputField::placeholder {
+.textInputField::placeholder{
     color: var(--text-color); /* Change to desired placeholder color */
     opacity: 1;  /* Ensures full opacity (optional) */
 }
-
-.input input:focus {
+.input input:focus{
     border-color: var(--input-button-hover-color);
 }
-
-.input button {
+.input button{
     padding: 5px;
-    margin: 5px;
-    margin-left: 0;
+    margin: 5px 5px 5px 0;
     background-color: var(--input-button-color);
     color: var(--user-message-text-color); /* Use variable for button text color */
     border: none;
@@ -61,28 +52,22 @@
     position: relative;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 }
-
-.input button img {
+.input button img{
     height: 20px;
 }
-
-.input button:hover {
+.input button:hover{
     background-color: var(--input-button-hover-color);
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
 }
-
 .microphone-button.red{
     background-color: var(--close-button-color);
 }
-
 .microphone-button.green{
     background-color: var(--button-background-color);
 }
-
 .microphone-button.red:hover{
     background-color: var(--close-button-hover-color);
 }
-
 .microphone-button.green:hover{
     background-color: var(--input-button-hover-color);
-}
+}