Merge pull request #16 from TartejBrothers/Changes

Updated Project page

src/components/project.jsx

@@ -49,6 +49,9 @@ export default function ProjectPage() {
         <div className="datebody">18th November</div>
         <div className="datebody">22nd - 30th November </div>
       </div>
+      <button type="submit" className="submitbutton calculatebutton">
+        Calculate
+      </button>
     </div>
   );
 }

src/components/styles/project.css

@@ -108,9 +108,36 @@ html {
 }
 .datebody {
   background-color: #b9e0e1;
-  padding: 10px 20px;
+  padding: 5px 20px;
   font-size: 18px;
   border-radius: 50px;
   display: flex;
   align-items: center;
 }
+.calculatebutton {
+  margin: 40px auto 40px auto;
+}
+@media screen and (max-width: 1000px) {
+  .react-datepicker__month-container {
+    padding: 0px;
+    width: calc(90vw + 25px);
+    margin: auto 0px auto;
+  }
+  .react-datepicker__input-container input {
+    width: 90vw;
+  }
+  .datesadded {
+    width: 90vw;
+    flex-direction: column;
+  }
+  .datemain {
+    justify-content: center;
+    padding: 0px 20px 0px 20px;
+    border-radius: 0px;
+  }
+  .datebody {
+    justify-content: center;
+    border-radius: 0px;
+    padding: 10px 20px 10px 20px;
+  }
+}