T204 Saved button repositioned

This commit is contained in:
2021-03-02 14:52:19 +01:00
parent 9c186a1295
commit d8a682be27
2 changed files with 28 additions and 11 deletions

View File

@@ -83,19 +83,31 @@ label {
border-bottom: gray 1px solid; border-bottom: gray 1px solid;
} }
#messageFields {
height: 120px;
}
.fieldFloater {
float: left;
height: 100%;
}
#functionBar { #functionBar {
/*width: 100%;*/
/*margin-top: 50px;*/
margin: 26px;
} }
/*TODO add inactive state of the button*/ /*TODO add inactive state of the button*/
.buttonSpacer {
height: 30%;
}
.functionBarButton { .functionBarButton {
width: 200px; clear: both;
/*float: left;*/ width: 263px;
margin-left: 10px; height: 40%;
margin-right: 10px; margin-left: 80px;
right: 0;
/*margin: auto;*/
font-size: 24px; font-size: 24px;
padding: 12px; padding: 12px;
text-align: center; text-align: center;

View File

@@ -22,8 +22,8 @@
<div id="messageLink" class="field"></div> <div id="messageLink" class="field"></div>
</div> </div>
<div id="msgBody"> <div id="msgBody">
<div style="display: inline-block;"> <div id="messageFields">
<div style="display: inline-block;"> <div class="fieldFloater">
<div> <div>
<label for="httpStatus">Http Status</label> <label for="httpStatus">Http Status</label>
<input type="text" id="httpStatus" class="field fieldDefault" value="200" list="httpStatusSuggestion"> <input type="text" id="httpStatus" class="field fieldDefault" value="200" list="httpStatusSuggestion">
@@ -45,11 +45,16 @@
<option value="text/xml"> <option value="text/xml">
</datalist> </datalist>
</div> </div>
</div><div id="functionBar" style="display: inline-block;"> </div>
<button id="btn-save" type="submit" class="functionBarButton btn-action">Save</button> <div class="fieldFloater" id="functionBar">
<div class="buttonSpacer"></div>
<div><button id="btn-save" type="submit" class="functionBarButton btn-action">Save</button></div>
<div class="buttonSpacer"></div>
<div style="clear: both;"></div> <div style="clear: both;"></div>
</div> </div>
<div style="clear: both;"></div>
</div> </div>
<div id="bodyEdition"> <div id="bodyEdition">
<label for="bodyEditor">Body:</label> <label for="bodyEditor">Body:</label>
<textarea type="text" id="bodyEditor" class="field resizeNone fieldText"></textarea> <textarea type="text" id="bodyEditor" class="field resizeNone fieldText"></textarea>