diff --git a/static/css/style.css b/static/css/style.css index 1ecf020..8eda330 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -22,6 +22,14 @@ html { padding: 2%; font-size: 160%; font-family: 'Courier New', Courier, monospace; + overflow-y: hidden; +} + +body { + display: flex; + height: 103vh; + flex-direction: column; + gap: 1rem; } nav { @@ -44,7 +52,7 @@ form { } #logo { - width: 12%; + width: 8rem; height: auto; } @@ -104,14 +112,13 @@ a:active { .categories { background-color: var(--bg); - padding-top: 3rem; display: flex; justify-content: center; } .category { margin: .5rem 0rem; - padding: 0rem 1rem; + padding: 0rem 1rem; border-left: .125rem solid var(--fg); } @@ -121,38 +128,35 @@ a:active { .container { display: flex; - justify-content: center; + justify-content: flex-start; align-items: center; width: 100%; flex-direction: column; -} - -fieldset { - font-size: 1rem; - border-radius: 1rem; - font-family: consolas; -} - -input, label, button { - font-size: inherit; - padding: .125rem .5rem; - /* the following ensures they're all using the same box-model for rendering */ - -moz-box-sizing: content-box; /* or `border-box` */ - -webkit-box-sizing: content-box; - box-sizing: content-box; + flex-grow: 1; + height: 90%; } .textbox { - font-size: inherit; + padding: .25rem; + margin-top: .25rem; + font-size: 1rem; + width: 15rem; + border: none; background-color: var(--fg); } -.button { +.search-button { + padding: .25rem .5rem; + margin-top: .25rem; + margin-right: .5rem; + background: #ddd; + font-size: 1rem; + border: none; background-color: orange; } .filter-pane { - width: 100%; + width: 70%; margin: .5rem 0rem; background-color: var(--bg-grad-3); border-radius: 1rem; @@ -160,16 +164,17 @@ input, label, button { } .product-container { - width: 90%; + width: 95%; margin: .5rem 0rem; background-color: var(--bg-grad-3); border-radius: 1rem; display: flex; flex-wrap: wrap; flex-direction: row; - gap: 3rem 1.5rem; - padding: 2rem 1rem 2rem 1rem; + gap: 2rem 1.5rem; + padding: 2rem 1rem; transition: all 0.2s; + overflow-y: scroll; } .product { diff --git a/static/index.html b/static/index.html index cd5f930..ada7c4a 100644 --- a/static/index.html +++ b/static/index.html @@ -13,32 +13,31 @@
Login/Signup