Improve mobile support.

This commit is contained in:
Quantum 2018-11-27 00:35:33 -05:00
parent 1e2b63bd87
commit c4f05c5b48
3 changed files with 9 additions and 6 deletions

View file

@ -2,3 +2,5 @@ import './app.scss'
import './clipboard' import './clipboard'
import './navbar' import './navbar'
import './ui' import './ui'
import 'bootstrap/js/dist/collapse'

View file

@ -16,6 +16,7 @@
@import "~bootstrap/scss/navbar"; @import "~bootstrap/scss/navbar";
@import "~bootstrap/scss/progress"; @import "~bootstrap/scss/progress";
@import "~bootstrap/scss/tooltip"; @import "~bootstrap/scss/tooltip";
@import "~bootstrap/scss/transitions";
@import "~bootstrap/scss/utilities/background"; @import "~bootstrap/scss/utilities/background";
@import "~bootstrap/scss/utilities/borders"; @import "~bootstrap/scss/utilities/borders";
@import "~bootstrap/scss/utilities/display"; @import "~bootstrap/scss/utilities/display";

View file

@ -9,9 +9,9 @@
<body data-spy="scroll" data-target="nav" data-offset="72"> <body data-spy="scroll" data-target="nav" data-offset="72">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">Correct Horse Battery Staple</a> <a class="navbar-brand" href="#">Correct Horse Battery <span class="d-none d-sm-inline">Staple</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-anchors"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="nav-anchors" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -89,9 +89,9 @@
</div> </div>
<div> <div>
<button class="btn btn-lg btn-primary" id="run-generator">Generate</button> <button class="btn btn-lg my-1 btn-primary" id="run-generator">Generate</button>
<button class="btn btn-lg btn-success" id="save-settings">Save Settings</button> <button class="btn btn-lg my-1 btn-success" id="save-settings">Save Settings</button>
<button class="btn btn-lg btn-danger" id="clear-settings">Clear Settings</button> <button class="btn btn-lg my-1 btn-danger" id="clear-settings">Clear Settings</button>
</div> </div>
</form> </form>
</div> </div>