style: minor improvements

src/styles/index.scss

@@ -16,10 +16,10 @@
 
 body {
   font-family: Segoe UI, sans-serif;
-  background-image: linear-gradient(to right, var(--tertiary), var(--quaternary));
+  background-color: var(--quaternary);
   color: var(--text);
 
-  &::before {
+  /*&::before {
     content: '';
     position: fixed;
     top: 10%;
@@ -43,7 +43,7 @@ body {
     filter: blur(125px);
     z-index: -1;
     animation: shimmer 10s infinite;
-  }
+  }*/
 }
 
 h1 {
@@ -91,6 +91,8 @@ h1 {
 
     #bubble-chart-wrapper {
       position: relative;
+      margin: 0 auto;
+      width: fit-content;
     }
 
     .bubble-chart-settings {
@@ -98,7 +100,7 @@ h1 {
       top: 100%;
       right: 0;
       display: flex;
-      padding: 1rem;
+      padding: 2rem;
       border-radius: 0.5rem;
       flex-direction: column;
       align-items: flex-end;
@@ -113,6 +115,10 @@ h1 {
         justify-content: flex-end;
         gap: 1rem;
       }
+      input, select {
+        min-width: 250px;
+        margin-left: 1rem;
+      }
     }
   }