Bouton import : image plus petite

diff --git a/static/icons/import.png b/static/icons/import.png
index e184925afa83ebe7a7c6aade461da43bceefd7f9..1f98c69ac9c316e6e8c6ad5106731a5cd2c7a545 100644 (file)
Binary files a/static/icons/import.png and b/static/icons/import.png differ

diff --git a/static/style.css b/static/style.css
index 0df8e6a8a81b18ac162ef8f45cb0bfde11160f18..b5f041abdbd7d942717017d7ce9fbe1caef2db25 100644 (file)
--- a/static/style.css
+++ b/static/style.css
@@ -50,7 +50,6 @@ img#courbe {
 }
 
 #import_donnees label {
-    height: 128px;
     display: inline-block;
        cursor: pointer;
        position: relative;
@@ -58,19 +57,17 @@ img#courbe {
 
 #import_donnees label img {
     border-radius: 100%;
-    box-shadow: 0px 0px 10px #55f;
+       box-shadow: 0px 0px 5px #55f;
+       vertical-align: middle;
 }
 
 #import_donnees label .icon_legend {
-       position: absolute;
-       top: 50%;
-       left: 50%;
-       transform: translate(-50%,-50%);
-       width: 90%;
        text-align: center;
        opacity: 0.7;
        line-height: 1.5;
        background: rgba(256,256,256,0.5);
+       padding: 3px 7px;
+       vertical-align: middle;
 }
 
 #import_donnees input {

diff --git a/templates/index.html b/templates/index.html
index 52fa46655cb180ebc9c55a758382f4d2cf65d453..cc8c4ec5d252b8dc4e864d92f4b4d0d4ab9c74fd 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,7 +15,7 @@
 
   <label for="fichier_donnees">
        <img src="static/icons/import.png">
-       <div class="icon_legend">Importer un fichier</div>
+       <span class="icon_legend">Importer un fichier</span>
   </label>
   <input type="file" name="fichier_donnees" id="fichier_donnees" oninput="upload_file()">
   <!--<input type="submit" name="valider_fichier" value="Charger les données">-->