From 47a206ca108992752cdbc01360f484ea602b7e71 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 3 Dec 2018 18:10:44 +0000
Subject: [PATCH] wiki: Use custom CSS for checkboxes and file uploads

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/wiki/edit.html        | 10 ++++++----
 src/templates/wiki/files/index.html | 13 ++++++-------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/templates/wiki/edit.html b/src/templates/wiki/edit.html
index 3ec74f8a..7ab3943a 100644
--- a/src/templates/wiki/edit.html
+++ b/src/templates/wiki/edit.html
@@ -36,12 +36,14 @@
 
 				{% if page and not page.is_watched_by(current_user) %}
 					<div class="form-group form-check">
-						<input type="checkbox" class="form-check-input" name="watch" id="watch" checked>
-						<label class="form-check-label" for="watch">{{ _("Watch this page") }}</label>
+						<div class="custom-control custom-checkbox">
+							<input type="checkbox" class="custom-control-input" name="watch" id="watch" checked>
+							<label class="custom-control-label" for="watch">{{ _("Watch this page") }}</label>
+						</div>
 
-						<p class="form-text text-muted">
+						<small class="form-text text-muted">
 							{{ _("Get notified when this page is changed") }}
-						</p>
+						</small>
 					</div>
 				{% end %}
 
diff --git a/src/templates/wiki/files/index.html b/src/templates/wiki/files/index.html
index 7f697247..6c259f2a 100644
--- a/src/templates/wiki/files/index.html
+++ b/src/templates/wiki/files/index.html
@@ -16,7 +16,7 @@
 			<div class="card-body">
 				<h4 class="card-title">{{ _("Files") }}</h4>
 
-				<div class="row">    
+				<div class="row">
 					{% for f in files %}
 						{% if f.is_image() %}
 							<div class="col-sm-6 col-md-4">
@@ -25,7 +25,7 @@
 										<img class="figure-img img-fluid img-thumbnail" src="{{ f.url }}?s=256" alt="{{ f.filename }}">
 										<figcaption class="figure-caption">{{ f.filename }}</figcaption>
 									</a>
-								</figure>     
+								</figure>
 							</div>
 						{% end %}
 					{% end %}
@@ -60,11 +60,10 @@
 				<input type="hidden" name="path" value="{{ path }}">
 
 				<div class="form-group">
-					<input type="file" class="form-control-file" name="file" required>
-
-					<small class="form-text text-muted">
-						{{ _("Choose a file to upload") }}
-					</small>
+					<div class="custom-file">
+						<input type="file" class="custom-file-input" name="file" required>
+						<label class="custom-file-label" for="customFile">{{ _("Choose a file to upload") }}</label>
+					</div>
 				</div>
 
 				<input class="btn btn-primary btn-block" type="submit" value="{{ _("Upload") }}">
-- 
2.47.3