From cb04b31879941330e1de2f1e992cdef5dc31846c Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Aug 21 2018 12:30:23 +0000
Subject: simplyfy and fix the styling of the upload image form


fixes #3534

---

diff --git a/pagure/static/pagure.css b/pagure/static/pagure.css
index 18ec823..c15b34d 100644
--- a/pagure/static/pagure.css
+++ b/pagure/static/pagure.css
@@ -307,33 +307,6 @@ th[data-sort] {
   margin-bottom:0;
 }
 
-.custom-file.comment-upload-browse{
-  width:100%!important;
-  height:1.5em!important;
-}
-
-.custom-file.comment-upload-browse .custom-file-control:lang(en)::before{
-  content: "\f1c5\00a0\00a0 Browse";
-  font-family: FontAwesome;
-  font-weight:bold;
-  color:#666;
-}
-
-.custom-file.comment-upload-browse .custom-file-control::before{
-  height:1.5em;
-  padding:0.9em 1em;
-  line-height: 0.1em;
-  border-radius: 0.25rem;
-}
-
-.custom-file.comment-upload-browse .custom-file-control{
-  height:1.5em;
-  padding:0.9em 1em;
-  line-height: 0.1em;
-  color:#777;
-  border:0;
-}
-
 .diff2html-output .d2h-file-header{
   display: none;
 }
diff --git a/pagure/templates/issue.html b/pagure/templates/issue.html
index ee9eaf1..8ea6da9 100644
--- a/pagure/templates/issue.html
+++ b/pagure/templates/issue.html
@@ -229,11 +229,11 @@ namespace=repo.namespace, repo=repo.name, issueid=issueid)
                         <div id="preview" class="p-1">
                         </div>
                         <div class="mt-2">
-                            <label class="custom-file comment-upload-browse font-size-09">
+                            <label class="custom-file font-size-09">
                                 <input type="file" id="file-picker" class="custom-file-input" name="file" accept="image/*" multiple tabindex=3>
-                                <span class="custom-file-control">
-                                  <span>Browse to attach images or drag them into the comment field</span>
-                                </span>
+                                <label class="custom-file-label" for="file-picker">
+                                  Browse to attach images or drag them into the comment field
+                                </label>
                             </label>
                             <div id="progress" class="progress" style="display: none; height:22px">
                               <div id="progress-bar" class="progress-bar" style="height:22px; line-height: 2em;">0%</div>
diff --git a/pagure/templates/new_issue.html b/pagure/templates/new_issue.html
index 459b8bf..6b7559a 100644
--- a/pagure/templates/new_issue.html
+++ b/pagure/templates/new_issue.html
@@ -127,11 +127,11 @@
                       <div id="preview" class="p-1">
                       </div>
                       <div class="mt-2">
-                          <label class="custom-file comment-upload-browse font-size-09">
+                          <label class="custom-file">
                               <input type="file" id="file-picker" class="custom-file-input" name="file" accept="image/*" multiple tabindex=3>
-                              <span class="custom-file-control">
-                                <span>Browse to attach images or drag them into the comment field</span>
-                              </span>
+                              <label class="custom-file-label" for="file-picker">
+                                Browse to attach images or drag them into the comment field
+                              </label>
                           </label>
                           <div id="progress" class="progress" style="display: none; height:22px">
                             <div id="progress-bar" class="progress-bar" style="height:22px; line-height: 2em;">0%</div>