Merge pull request #116 from yaStigma/alert

styles for desktop

Author: yaStigma

src/components/EditWaterModal/EditWaterModal.module.css

@@ -331,28 +331,10 @@ font-weight: 700;
 
 /* Media Queries for responsiveness */
 @media (min-width: 768px) {
-  /* .modalBody input[type='text'],
-  .modalBody input[type='number'],
-  .modalBody select {
-    display: flex;
-  justify-content: flex-start;
-    width: 100%;
-      height: 44px;
-      border: 1px solid var(--secondary-color---5);
-      border-radius: 6px;
-      padding: 12px 10px;
-      font-family: Roboto, sans-serif;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 20px;
-      color: var(--primery-color-blue);
-      box-sizing: border-box;
-      margin-bottom: 24px;
-  } */
 
   .modalContent {
     max-width: 704px;
-    padding: 15px;
+    padding: 24px 32px;
   }
 
   .waterEntry {
@@ -399,40 +381,10 @@ font-weight: 700;
   }
 }
 
-/* @media (max-width: 480px) {
+@media (min-width: 1440px) {
   .modalContent {
-    width: 100%;
-    padding: 10px;
-  }
-
-  .waterEntry {
-    width: 45%;
-  }
-
-  .waterEntry img {
-    width: 20px;
-    height: 20px;
-  }
-
-  .waterAmount,
-  .waterTime {
-    font-size: 14px;
-  }
-
-  .amountSelector button {
-    width: 20px;
-    height: 20px;
-    font-size: 14px;
+    width: 592px;
+    padding: 32px 24px;
   }
 
-  .amountSelector span {
-    font-size: 14px;
-    padding: 3px 6px;
-  }
-
-  .saveButton {
-    width: 70px;
-    padding: 6px;
-    font-size: 12px;
-  }
-} */
+}