remove border around form buttons

This commit is contained in:
Arthur Lu 2022-12-20 17:38:14 -08:00
parent 1f3ee1c456
commit f830655d0f
3 changed files with 4 additions and 12 deletions

View File

@ -19,7 +19,7 @@
<legend>Resources</legend> <legend>Resources</legend>
<div class="labels-inputs" id="resources"></div> <div class="labels-inputs" id="resources"></div>
</fieldset> </fieldset>
<fieldset> <fieldset class="fieldset-no-border">
<div class="btn-group" id="form-actions"> <div class="btn-group" id="form-actions">
<button id="cancel" type="button">CANCEL</button> <button id="cancel" type="button">CANCEL</button>
<button id="submit" type="button">SUBMIT</button> <button id="submit" type="button">SUBMIT</button>

View File

@ -3,16 +3,8 @@
justify-content: center; justify-content: center;
} }
form > :first-child { .fieldset-no-border {
border: solid white 1px; border: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
form > :last-child {
border: solid white 1px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
} }
fieldset { fieldset {

View File

@ -20,7 +20,7 @@
<input type="password" id="password" name="password"> <input type="password" id="password" name="password">
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset class="fieldset-no-border">
<div class="btn-group"> <div class="btn-group">
<button id="submit">LOGIN</button> <button id="submit">LOGIN</button>
</div> </div>