Add a red border when the flags are invalid

Daniel Arthur Gallagher · Daniel Arthur Gallagher · commit bf7ac8c3f357 · 2018-02-14T21:04:25.000Z
diff --git a/application.css b/application.css
@@ -215,8 +215,13 @@ input, textarea, #results, #groups {
 }
 
 #expression input[name=option] {
+  box-sizing: border-box;
   margin-left: 4px;
-  width: 50px;
+  width: 70px;
+}
+
+.invalid-expression, input:invalid {
+  border: 1px solid #F7296F;
 }
 
 #expression input[name=expression],

Original file line number	Diff line number	Diff line change
`@@ -215,8 +215,13 @@ input, textarea, #results, #groups {`
`215`	`215`	`}`
`216`	`216`
`217`	`217`	`#expression input[name=option] {`
	`218`	`+ box-sizing: border-box;`
`218`	`219`	`margin-left: 4px;`
`219`		`- width: 50px;`
	`220`	`+ width: 70px;`
	`221`	`+}`
	`222`	`+`
	`223`	`+.invalid-expression, input:invalid {`
	`224`	`+ border: 1px solid #F7296F;`
`220`	`225`	`}`
`221`	`226`
`222`	`227`	`#expression input[name=expression],`