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) **/
@@ -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,7 +135,8 @@ form.new-post {
    	font-family: $playfair;
    	font-size: 1.5em;
   }
-  input[type="submit"]:hover { background: $lightgray; }
+  input[type="submit"]:hover {
+   background: $lightgray;}
    -webkit-appearance: none;
 }
 

static/css/_global.scss

@@ -54,6 +54,7 @@ small {
 
 .hidden {
 	display: none;
+	appearance: none;
 }
 
 /// Main

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;
     }
   }

templates/search/index.rs.html

@@ -6,7 +6,7 @@
 @:base(ctx, i18n!(ctx.1, "Search"), {}, {}, {
   <h1>@i18n!(ctx.1, "Search")</h1>
   <form method="get" id="form">
-    <input id="q" name="q" placeholder="@i18n!(ctx.1, "Your query")" type="search">
+    <input id="q" name="q" placeholder="@i18n!(ctx.1, "Your query")" type="search" style="-webkit-appearance: none;">
     <details>
         <summary>@i18n!(ctx.1, "Advanced search")</summary>
         @input!(ctx.1, title    (text), "Article title matching these words", &format!("placeholder=\"{}\"", i18n!(ctx.1, "Title")))
@@ -17,7 +17,7 @@
 
         @input!(ctx.1, tag      (text), "Containing these tags",             &format!("placeholder=\"{}\"", i18n!(ctx.1, "Tags")))
         @input!(ctx.1, instance (text), "Posted on one of these instances",  &format!("placeholder=\"{}\"", i18n!(ctx.1, "Instance domain")))
-        @input!(ctx.1, author   (text), "Posted by one of these authors",    &format!("placeholder=\"{}\"", i18n!(ctx.1, "Authors")))
+        @input!(ctx.1, author   (text), "Posted by one of these authors",    &format!("placeholder=\"{}\"", i18n!(ctx.1, "Author(s)")))
         @input!(ctx.1, blog     (text), "Posted on one of these blogs",      &format!("placeholder=\"{}\"", i18n!(ctx.1, "Blog title")))
         @input!(ctx.1, lang     (text), "Written in this language",          &format!("placeholder=\"{}\"", i18n!(ctx.1, "Language")))
         @input!(ctx.1, license  (text), "Published under this license",      &format!("placeholder=\"{}\"", i18n!(ctx.1, "Article license")))

templates/search/result.rs.html

@@ -4,14 +4,14 @@
 
 @(ctx: BaseContext, query_str: &str, articles: Vec<Post>, page: i32, n_pages: i32)
 
-@:base(ctx, i18n!(ctx.1, "Search result for \"{0}\""; query_str), {}, {}, {
-    <h1>@i18n!(ctx.1, "Search result")</h1>
+@:base(ctx, i18n!(ctx.1, "Search result(s) for \"{0}\""; query_str), {}, {}, {
+    <h1>@i18n!(ctx.1, "Search result(s)")</h1>
     <p>@query_str</p>
 
     @if articles.is_empty() {
         <section>
 	    @if page == 1 {
-            <h2>@i18n!(ctx.1, "No result for your query")</h2>
+            <h2>@i18n!(ctx.1, "No results for your query")</h2>
 	    } else {
             <h2>@i18n!(ctx.1, "No more results for your query")</h2>
 	    }