style cnc tool menu to match

This commit is contained in:
Stewart Allen 2024-06-02 22:22:38 -04:00
commit b3e4d4dd03
2 changed files with 11 additions and 15 deletions

View file

@ -1093,7 +1093,6 @@ th, tr, td, label {
border: 0; border: 0;
background-color: var(--blue-3); background-color: var(--blue-3);
} }
#oplist
#camops .set-sep { #camops .set-sep {
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -1321,6 +1320,9 @@ th, tr, td, label {
margin-right: 10px; margin-right: 10px;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
} }
#mod-tools .set-header {
margin: 0;
}
.devlist { .devlist {
background-color: #fdfdfd; background-color: #fdfdfd;
} }
@ -1705,9 +1707,6 @@ th, tr, td, label {
width: 100%; width: 100%;
background-color: #f8f8f8; background-color: #f8f8f8;
} }
#tool-action {
margin-top: 5px;
}
#device-action button, #tool-action button { #device-action button, #tool-action button {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -1968,7 +1967,7 @@ th, tr, td, label {
.settings { .settings {
max-height: 100%; max-height: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: visible; overflow-x: hidden;
align-items: stretch; align-items: stretch;
text-transform: capitalize; text-transform: capitalize;
} }

View file

@ -415,19 +415,16 @@
<!-- cnc tool menu --> <!-- cnc tool menu -->
<div id="mod-tools" class="mdialog"> <div id="mod-tools" class="mdialog">
<div class="f-col"> <div class="f-col gap3">
<div class="f-row t-head"> <div class="f-row t-head gap3">
<label class="t-33" lk="tool">tool</label> <label class="t-33 set-header" lk="tool">tool</label>
<div class="t-pad"></div> <label class="t-33 set-header" lk="detail">detail</label>
<label class="t-33" lk="detail">detail</label> <label class="t-33 set-header" lk="view">view</label>
<div class="t-pad"></div>
<label class="t-33" lk="view">view</label>
</div> </div>
<div id="tool-cols" class="f-row"> <div id="tool-cols" class="f-row gap3">
<div class="f-col t-33"> <div class="f-col t-33">
<select id="tool-select" size="10" class="grow"></select> <select id="tool-select" size="10" class="grow"></select>
</div> </div>
<div class="t-pad"></div>
<div class="f-col t-33 t-body t-inset"> <div class="f-col t-33 t-body t-inset">
<div class="f-row var-row"><label lk="name">name</label><input id="tool-name" size="15"></input></div> <div class="f-row var-row"><label lk="name">name</label><input id="tool-name" size="15"></input></div>
<div class="f-row var-row"><label lk="type">type</label> <div class="f-row var-row"><label lk="type">type</label>
@ -449,9 +446,9 @@
<div class="f-row var-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=7></input></div> <div class="f-row var-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=7></input></div>
<div class="f-row var-row" title="tip width in inches&#010;unless metric is checked&#010;then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div> <div class="f-row var-row" title="tip width in inches&#010;unless metric is checked&#010;then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div>
</div> </div>
<div class="t-pad"></div>
<div id="tool-view" class="f-col t-33 t-body"></div> <div id="tool-view" class="f-col t-33 t-body"></div>
</div> </div>
<div class="set-sep"></div>
<div id="tool-action" class="f-row j-center"> <div id="tool-action" class="f-row j-center">
<button id="tool-add"><i class="fas fa-plus"></i></button> <button id="tool-add"><i class="fas fa-plus"></i></button>
<button id="tool-del"><i class="fas fa-minus"></i></button> <button id="tool-del"><i class="fas fa-minus"></i></button>