refactor: adjust reading goal component padding and remove mobile media query

Author: akramcodez

static/css/components/reading-goal.less

@@ -64,7 +64,7 @@
   display: inline-block;
   width: fit-content;
   margin: 0;
-  padding: 9px 20px;
+  padding: 6px 15px;
   font-size: @font-size-label-large;
 }
 
@@ -96,36 +96,11 @@
   }
 
   .goal-form__input-section button {
-    padding: 7px 14px;
+    padding: 5px 12px;
     font-size: @font-size-label-medium;
   }
 }
 
-@media only screen and (max-width: 480px) {
-  .goal-form__question {
-    flex-direction: column;
-    gap: 6px;
-    text-align: center;
-  }
-
-  .goal-form__input-section {
-    gap: 8px;
-    justify-content: center;
-    padding-right: 0;
-  }
-
-  .goal-form__input-section input {
-    width: 55px;
-    padding: 6px 8px;
-    font-size: @font-size-label-small;
-  }
-
-  .goal-form__input-section button {
-    padding: 6px 12px;
-    font-size: @font-size-label-small;
-  }
-}
-
 /* Styles for the yearly reading goal progress component */
 .reading-goal-progress {
   color: @dark-grey;