improved file picker

css/main.css

@@ -71,3 +71,13 @@ nav {
 .card-body > .raow > .col:last-child {
     border-bottom: 0;
 }
+#inputGroupFile01 {
+    background-color: lightskyblue;
+}
+#filepicker {
+    color: white;
+    font-weight: bold;
+}
+#filepicker:hover {
+    cursor: pointer;
+}

index.html

@@ -138,11 +138,14 @@
     <div class="card" id="dokumenty">
       <h5 class="card-header" id="dokumenty-header">
         <div class="row" id="nopaddingplz">
-          <div class="col-md-4">
+          <div class="col-md-3">
             <h4>Dokumenty</h4>
           </div>
-          <div class="col ml-auto">
+          <div class="col-md-5 ml-auto">
-            <a class="col-lg-3 btn btn-block ml-auto" style="color: white;" href="#" role="button">Připojit soubor</a>
+            <!-- <a class="col-lg-3 btn btn-block ml-auto" style="color: white;" href="#" role="button">Připojit soubor</a> -->
+            <span class="glyphicon glyphicon-plus"></span><label class="col-lg-4 btn btn-block ml-auto" id="filepicker">
+              + Připojit soubor<input type="file" hidden>
+            </label>
           </div>
         </div>
       </h5>