Did some visual cleaning up

This commit is contained in:
2022-05-04 11:46:51 +02:00
parent 66cb839f87
commit 231357624f
2 changed files with 100 additions and 89 deletions

View File

@ -269,11 +269,20 @@ th.address {
}
.pc input[type=number].instruction {
width: 4em !important;
width: 4.5em !important;
margin-left: auto;
margin-right: 0;
}
.pc input[type=number].address {
width: 5em !important;
width: 6em !important;
}
.pc .cu input[type=number].address {
width: 100% !important;
align-self: end;
margin-left: auto;
margin-right: 0;
}
@ -385,6 +394,13 @@ th.address {
width: 100%;
}
.pc .cu .action-area {
display: grid;
grid-template-columns: 1fr min-content 0.5fr;
grid-row-gap: 0.5em;
grid-column-gap: 0.5em;
}
.pc .cu .input-row {
display: flex;
justify-content: space-between;
@ -403,7 +419,7 @@ th.address {
}
.pc .cu input[type=number] {
width: 9.5em;
width: 100%;
}
.pc .cu label {
@ -443,6 +459,7 @@ th.address {
color: var(--color-cu-text);
border-color: var(--color-cu-text);
background-color: transparent;
margin-bottom: 0;
}
.pc .modal .download-button {
@ -471,6 +488,10 @@ th.address {
background-color: transparent;
}
.pc .alu input {
width: 100%;
}
.pc .alu button {
margin-right: 1em;
}
@ -479,6 +500,16 @@ th.address {
margin-right: 0;
}
.pc .alu .button-group-alu__2-elements {
display: grid;
grid-template-columns: 1fr 1fr;
}
.pc .alu .button-group-alu__4-elements {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
/* BUSSES */
.pc .databus,
@ -754,7 +785,7 @@ th.address {
.pc .grid-fullwidth.grid-addressbus > *,
.pc .grid-fullwidth.grid-databus > * {
position: sticky;
top: 0;
top: 6em;
left: 0;
margin: 0;
box-sizing: border-box;
@ -794,6 +825,7 @@ th.address {
margin: -1rem;
padding: 1rem;
border-bottom: 1px solid var(--color-controls-button-border);
width: 100%;
}