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