Bouton import : image plus petite

3 files changed, 5 insertions, 8 deletions

diff --git a/static/icons/import.png b/static/icons/import.png
index e184925..1f98c69 100644
--- a/static/icons/import.png
+++ b/static/icons/import.png
diff --git a/static/style.css b/static/style.css
index 0df8e6a..b5f041a 100644
--- 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 52fa466..cc8c4ec 100644
--- 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">-->