diff --git a/app/styles/container.css b/app/styles/container.css index 5e43ccf..0c7316c 100644 --- a/app/styles/container.css +++ b/app/styles/container.css @@ -1,6 +1,5 @@ /* container.css */ .container { - padding-top: 10vh; display: flex; height: 100vh; width: 100vw; @@ -9,7 +8,7 @@ } .left-panel { - width: 25vw; /* Adjust as needed */ + width: 30vw; /* Adjust as needed */ transition: width 0.3s ease, visibility 0.3s ease; /* Transition for width, opacity, and visibility */ } diff --git a/app/styles/models.css b/app/styles/models.css index 9f853f1..18b6777 100644 --- a/app/styles/models.css +++ b/app/styles/models.css @@ -5,8 +5,8 @@ background-color: var(--models-background-color); border-radius: 2em; padding: 1em; - margin-left: 1em; - height: 40vh; + margin: 1em; + height: 50vh; box-sizing: border-box; overflow: hidden; } @@ -37,7 +37,6 @@ display: flex; justify-content: center; align-items: center; - font-size: 0.7em; } .grid { @@ -48,7 +47,7 @@ } .grid h3 { - font-size: large; + font-size: x-large; } .model-box { diff --git a/app/styles/output.css b/app/styles/output.css index b737769..122122c 100644 --- a/app/styles/output.css +++ b/app/styles/output.css @@ -9,11 +9,11 @@ display: flex; flex-direction: column; justify-content: flex-start; - font-size: 1em; + font-size: 1.2em; overflow-y: auto; margin-bottom: 0; width: 100% -2em; - height: 70vh; + height: 80vh; margin-bottom: 1vh; }