Made some style changes (not great, but I think it's a little better)

This commit is contained in:
Gregory Ballantine 2025-06-26 12:50:05 -04:00
parent e9e43187e4
commit 23cfbc2efa
2 changed files with 54 additions and 4 deletions

View File

@ -5,10 +5,15 @@ $nav-height: 65px;
$textarea-min-height: 100px;
$shadow-normal: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
$shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
$shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
body{
margin: 0;
padding: $nav-height 0 0;
background: white;
background: #f6f6f6;
font-size: 16px;
}
a{
@ -19,12 +24,51 @@ a{
}
}
table{
border: 1px solid #e1e1e1;
border-collapse: collapse;
box-shadow: $shadow-light;
border-radius: 7px;
overflow: hidden;
thead{
border-bottom: 2px solid #212121;
font-size: 2rem;
}
tr,
th,
td{
border: none;
}
tr:nth-child(even){
background-color: #eee;
}
th,
td{
padding: 12px 15px !important;
}
}
textarea{
min-width: 100%;
max-width: 100%;
min-height: $textarea-min-height;
}
input[type=submit].button-primary,
button.button-primary,
.button.button-primary{
background-color: $primary-color;
font-size: 1.5rem;
&:hover{
background-color: lighten($primary-color, 10%);
}
}
select[multiple]{
max-width: 100%;
min-height: 100px;
@ -37,8 +81,10 @@ select[multiple]{
width: 100%;
height: $nav-height;
background: $primary-color;
box-shadow: $shadow-normal;
color: #eee;
font-size: 2rem;
z-index: 100;
ul{
list-style: none;
@ -58,6 +104,7 @@ select[multiple]{
display: inline-block;
padding: 15px 10px;
color: #eee;
font-weight: bold;
text-decoration: none;
&:hover{
color: white;
@ -75,6 +122,9 @@ select[multiple]{
max-width: 1180px;
margin-top: 15px;
padding: 15px 20px;
background-color: white;
box-shadow: $shadow-normal;
border-radius: 10px;
}
#result-form{

View File

@ -25,13 +25,13 @@
</div>
<div class="two columns">
<input type="number" step="0.01" name="result_avg" placeholder="0.0">
<input class="u-full-width" type="number" step="0.01" name="result_avg" placeholder="0.0">
</div>
<div class="two columns">
<input type="number" step="0.01" name="result_min" placeholder="0.0">
<input class="u-full-width" type="number" step="0.01" name="result_min" placeholder="0.0">
</div>
<div class="two columns">
<input type="number" step="0.01" name="result_max" placeholder="0.0">
<input class="u-full-width" type="number" step="0.01" name="result_max" placeholder="0.0">
</div>
<div class="two columns">