Merge pull request #22 from RIT-SWEN-261-02/css

Merge css into main

1 files changed, 46 insertions, 13 deletions

diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.css b/ufund-ui/src/app/components/cupboard/cupboard.component.css
index fe4971a..e45d929 100644
--- a/ufund-ui/src/app/components/cupboard/cupboard.component.css
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.css
@@ -1,21 +1,54 @@
 :host {
-    display: block;
-    border: 2px solid #000;
-    border-radius: 5px;
-    padding: 10px 20px;
+    display: flex;
+    justify-content: center;
 }
 
-#menu, #create-form, #delete-form, #update-form {
-   background-color: #d9d9d9;
+#box {
+    width: 800px;
+    display: flex;
+    flex-direction: column;
+}
+
+#menu {
+      display: flex;
+
+      margin: 10px;
+
+}
+
+.tab, .selected-tab {
+   background-color: lightgray;
+   border: 3px solid #000;
+   border-top-left-radius: 5px;
+   border-top-right-radius: 5px;
+   margin-right: 5px;
+   border-bottom: 0;
+}
+
+.selected-tab {
+   background-color: white;
+}
+
+#create-form, #delete-form, #update-form {
+   background-color: #3a3a3a;
    padding: 10px 20px 20px 20px;
    border: 2px solid #000;
-   border-radius: 5px;  
-   width: 20%;
+   border-radius: 5px;
    visibility: visible;
-
+    /*position: absolute;*/
 }
 
-#create-button {
-   padding: 10px 20px;
-   
-}
\ No newline at end of file
+#header {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+
+    h1 {
+        display: inline;
+        width: min-content;
+    }
+
+    button {
+        margin-top: 3px;
+    }
+}