Adjust layout, sizing, spacing of form controls

wimpyprogrammer · wimpyprogrammer · commit 6d0e45f19c7f · 2018-09-09T11:53:58.000-05:00
diff --git a/demo/index.html b/demo/index.html
@@ -23,6 +23,7 @@
 
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.1.3/flatly/bootstrap.min.css"
 	 integrity="sha256-O7FfDCaEf9kSRN9b9kmWu8C3rhL1hxEpPHp+CTZ4pMk=" crossorigin="anonymous" />
+	<link rel="stylesheet" href="styles.css" />
 </head>
 
 <body>
@@ -70,8 +71,8 @@
 				</div>
 			</div>
 
-			<div class="form-group">
-				<button type="button" class="btn btn-primary">
+			<div class="form-group submit-form-group">
+				<button type="button" class="btn btn-lg btn-primary">
 					Generate Regular Expression
 				</button>
 			</div>
diff --git a/demo/styles.css b/demo/styles.css
@@ -0,0 +1,36 @@
+.jumbotron {
+	padding-bottom: 1em;
+	padding-top: 1em;
+}
+
+#words {
+	height: 15em;
+}
+
+.form-inline {
+	flex-direction: column;
+}
+
+.checkbox {
+	margin-top: 1em;
+}
+
+.submit-form-group {
+	text-align: center;
+	margin-top: 1em;
+}
+
+#output {
+	height: 5em;
+}
+
+@media (min-width: 992px) {
+	.checkbox {
+		margin-left: auto;
+		margin-top: 0;
+	}
+
+	.form-inline {
+		flex-direction: row;
+	}
+}
