diff --git a/src/styles/index.scss b/src/styles/index.scss index 5bc11119a83726659f13fc6126f7899a7a7381fc..dd493ad20ce38a16df1a5a10a786f4ecd6196eed 100644 --- a/src/styles/index.scss +++ b/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; + } } }