Merge pull request #38 from oslabs-beta/uiFinalCountdown

UI final countdown

Author: gigifeeds

src/client/components/containers/ScheduleContainer.jsx

@@ -12,15 +12,16 @@ function ScheduleContainer() {
   return (
     <div>
       <div className="is-flex is-flex-direction-row is-justify-content-center is-align-items-center mt-2">
-        <div className="is-flex is-flex-direction-row is-justify-content-center is-align-items-center mr-2">
+        <div className="is-flex is-flex-direction-row is-justify-content-center is-align-items-center">
           <span className="mr-2" style={{ fontWeight: 'bold' }}>
-            Frequency (Seconds):
+            <p>Frequency</p>
+            <p>(Seconds):</p>
           </span>
           <input
             className={`${isDark ? 'is-dark-200': ''} ml-1 input input-is-medium is-info`}
-            style={{ maxWidth: '15vh' }}
+            style={{ width: '65px' }}
             type="number" 
-            min="1"
+            // min="1"
             value={scheduleInterval}
             onChange={(e) => {
               setScheduleInterval(e.target.value);

src/client/components/containers/StoppedContainer.jsx

@@ -58,7 +58,8 @@ const StoppedContainer = (props) => {
         <center className="queue">Scheduled Requests</center>
         <div className="prettify-select is-align-self-center mt-3 mb-3">
           <button
-            className={`button is-small is-danger ${isDark ? '' : 'is-outlined' } button-hover-color queue-clear`}
+            className={`button is-small is-danger ${isDark ? '' : 'is-outlined' } button-hover-color`}
+            style={{width: '190px'}}
             onClick={() => {
               scheduledReqResDelete();
               clearAllGraph();