Fix certain improper rendering of forms (#560)

static/css/_article.scss

@@ -312,6 +312,7 @@ main .article-meta {
 
 .popup:not(.show), .popup-bg:not(.show) {
     display: none;
+    appearance: none;
 }
 
 .popup-bg {
@@ -332,6 +333,7 @@ main .article-meta {
 
 .cw-text {
   display: none;
+  appearance: none;
 }
 
 input[type="checkbox"].cw-checkbox {

static/css/_forms.scss

@@ -10,6 +10,7 @@ input, textarea, select {
  	margin: auto;
  	padding: 1em;
  	box-sizing: border-box;
+  -webkit-appearance: textarea;
 
  	background: $form-input-background;
  	color: $black;
@@ -23,7 +24,10 @@ input, textarea, select {
  	  border-color: $purple;
  	}
 }
-form input[type="submit"] { margin: 2em auto; }
+form input[type="submit"] {
+ margin: 2em auto;
+ -webkit-appearance: none;
+}
 
 textarea {
  	resize: vertical;
@@ -38,6 +42,7 @@ input[type="checkbox"] {
  	margin: initial;
  	min-width: initial;
  	width: initial;
+  -webkit-appearance: checkbox;
 }
 
 /** Inline forms (containing only CSRF token and a <submit>, for protected links) **/
@@ -54,7 +59,7 @@ form.inline {
     cursor: pointer;
     font-size: 1em;
     width: auto;
-   -webkit-appearance: none;
+    -webkit-appearance: none;
 
     &:not(.button) {
       margin: 0;
@@ -96,7 +101,10 @@ form.inline {
     }
  	}
 }
-input[type="submit"] { display: block; }
+input[type="submit"] {
+ display: block;
+ -webkit-appearance: none;
+}
 
 //  Writing page
 form.new-post {
@@ -116,6 +124,7 @@ form.new-post {
    	min-height: 20em;
    	overflow-y: hidden;
    	resize: none;
+   -webkit-appearance: textarea;
   }
   input[type="submit"] {
    	background: $lightgray;
@@ -126,8 +135,9 @@ form.new-post {
    	font-family: $playfair;
    	font-size: 1.5em;
   }
-  input[type="submit"]:hover { background: $lightgray; }
-  -webkit-appearance: none;
+  input[type="submit"]:hover {
+   background: $lightgray;}
+   -webkit-appearance: none;
 }
 
 .button + .button {
@@ -157,4 +167,4 @@ header.center {
     margin-left: 0;
     margin-right: 0;
   }
-}
+}

static/css/_global.scss

@@ -54,6 +54,7 @@ small {
 
 .hidden {
 	display: none;
+	appearance: none;
 }
 
 /// Main
@@ -109,7 +110,7 @@ main {
           margin-bottom: 0.5em;
       }
   }
-
+	
   .cover {
     padding: 0px;
     margin: 0px;
@@ -400,5 +401,5 @@ figure {
       color: $purple;
       border-bottom: 1px solid $purple;
     }
-  }
+ }
 }

static/css/_header.scss

@@ -10,6 +10,7 @@ header {
   nav#menu {
     position: relative;
     display: none;
+    appearance: none;
     transform: skewX(-15deg);
     left: -1em;
     padding: 1em 1em 1em 2em;

static/css/main.scss

@@ -41,6 +41,7 @@ html {
 
     #content {
       display: none;
+      appearance: none;
       text-align: center;
     }
   }