friends dropdown minor changes

thomaspwang · Oct 16, 2022 · 646c1aa · 646c1aa
1 parent bdaf055
commit 646c1aa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/components/FriendsDropdown/FriendDropdown.css b/frontend/src/components/FriendsDropdown/FriendDropdown.css
@@ -44,7 +44,8 @@
 }
 
 #curr-oncall {
-    margin-top: 25px;
+    margin-top: 30px;
+    margin-bottom: 5px;
 }
 
 /* #demo-multiple-name {

diff --git a/frontend/src/components/FriendsDropdown/FriendsDropdown.js b/frontend/src/components/FriendsDropdown/FriendsDropdown.js
@@ -89,7 +89,7 @@ export default function FriendsDropdown() {
 
   return (
     <div id="outer-box">
-        <div id="inner-box">
+      <div id="inner-box">
         <img id="beepbeep" src={require("../../assets/beepbeep.png")}></img>
         <div class="title" style={{ marginBottom: "15px" }}>add friends to your alarm!</div>
         <FormControl sx={{ m: 1, width: 300 }}>
@@ -118,15 +118,15 @@ export default function FriendsDropdown() {
       <div id="second-box">
         <div id="button-box">
           <Button
-            style={{ marginTop: "10px", backgroundColor: "rgba(186,209,250)", fontFamily: "DM SANS", textTransform: "lowercase", color: "black", boxShadow: "none", marginRight: "10px" }}
+            style={{ marginTop: "15px", backgroundColor: "rgba(186,209,250)", fontFamily: "DM SANS", textTransform: "lowercase", color: "black", boxShadow: "none", marginRight: "10px" }}
             id="oncall-button"
             onClick={handleSubmit}
             variant="contained"
           >
             add
           </Button>
           <Button
-            style={{ marginTop: "10px", backgroundColor: "rgba(255, 242, 134, .7)", fontFamily: "DM SANS", textTransform: "lowercase", color: "black", boxShadow: "none" }}
+            style={{ marginTop: "15px", backgroundColor: "rgba(255, 242, 134, .7)", fontFamily: "DM SANS", textTransform: "lowercase", color: "black", boxShadow: "none" }}
             id="oncall-button"
             onClick={navigateFriends}
           >