Verified Commit 70b4c229 authored by glow's avatar glow 🐻

Minor fixes

color yes and no buttons

(hopefully fix scale)

switch cancel and submit buttons
parent 5e843518
......@@ -6,7 +6,7 @@ body {
}
* {
box-sizing: border-box;
font-size: 25px;
font-size: 24px;
}
.header {
margin-bottom: 1.5em;
......@@ -198,12 +198,12 @@ input {
grid-area: 2 / 1 / 3 / 5;
background-color: #7f7f7f;
}
.buttons-charge .btn-cancel {
.buttons-charge .btn-submit {
grid-area: 3 / 1 / 4 / 5;
background-color: #ffffff;
color: black;
}
.buttons-charge .btn-submit {
.buttons-charge .btn-cancel {
grid-area: 4 / 1 / 5 / 5;
background-color: #660066;
}
......@@ -214,6 +214,13 @@ input {
background-color: #000000;
}
.btn-yes{
background-color: #2180b8;
}
.btn-no{
background-color: #ac4247;
}
.btn.numpad {
text-align: center;
}
......
......@@ -31,8 +31,8 @@
<button type="button" class="numpad btn btn-20">20.00</button>
<button type="button" class="numpad btn btn-10">10.00</button>
<button type="button" id="numpadc" class="btn btn-clear">C</button>
<a class="btn btn-cancel" href="../logout" role="button">Cancel</a>
<button class="btn btn-submit" id="charge" type="button" value="Submit">Submit</button>
<a class="btn btn-cancel" href="../logout" role="button">Cancel</a>
</div>
<div class="modal" id="confirm-delete">
<div class="mymodal-dialog">
......@@ -44,8 +44,8 @@
<h3>Did you put <strong id="price"></strong> in the till?</h3>
</div>
<div class="modal-footer">
<button id="modalcancel" type="button" class="btn btn-danger btn-lg btn-numpad">I have not!</button>
<button id="modalok" type="button" class="btn btn-success btn-lg btn-numpad">I have!</button>
<button id="modalcancel" type="button" class="btn btn-no">I have not!</button>
<button id="modalok" type="button" class="btn btn-yes">I have!</button>
</div>
</div>
</div>
......
......@@ -58,8 +58,8 @@
<h3>Are you sure you want to spend <strong id="price"></strong>?</h3>
</div>
<div class="modal-footer">
<button id="modalcancel" type="button" class="btn btn-danger btn-lg btn-numpad">No!</button>
<button id="modalok" type="button" class="btn btn-success btn-lg btn-numpad">Yes!</button>
<button id="modalcancel" type="button" class="btn btn-no">No!</button>
<button id="modalok" type="button" class="btn btn-yes">Yes!</button>
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment