updated: finished styling I think

diff --git a/public/css/index.css b/public/css/index.css
index 5cfded840a9d37ba2d1c272c846fdaf90af030eb..3067ca44dc9138f22bd9c2aea93851bc1e51d660 100644 (file)
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -174,12 +174,30 @@ button {
 #songCreationMenu {
        top: 10vh;
        left: 25vw;
-       border-radius: 5px;
+       border-radius: 15px;
+       padding: 15px;
        position: absolute;
-       border: 2px solid gray;
-       background-color: rgb(240, 240, 240);
        width: 50vw;
        display: none;
+
+       border: 4px solid var(--green-background);
+       background-color: var(--darker-background);
+       color: var(--green-background);
+
+       button {
+               background-color: var(--lighter-background);
+               color: var(--green-background);
+               outline: none;
+               border: none;
+               padding: 12px;
+               margin: 20px 10px 20px 0px;
+               border-radius: 4px;
+       }
+
+       button:hover {
+               color: var(--green-foreground);
+       }
+
 }
 
 #filler {
@@ -263,3 +281,4 @@ button {
        background-color: var(--green-foreground);
        border-radius: 5px;
 }
+

diff --git a/songmanager b/songmanager
index 3c7f9423964d00b28478bab5d121309621309462..0a59cdec178c18feb8ecf4b982e16ed638a91420 100755 (executable)
Binary files a/songmanager and b/songmanager differ