diff --git a/src/views/feature_type/Feature_type_detail.vue b/src/views/feature_type/Feature_type_detail.vue
index 764d774b093e625b0703557700d1b0b7a049d793..da88aa98241eff327bfc382ed0968f072e8c30c6 100644
--- a/src/views/feature_type/Feature_type_detail.vue
+++ b/src/views/feature_type/Feature_type_detail.vue
@@ -1,8 +1,4 @@
 <template>
-  <!-- <div>
-    <h1>{{ feature_type_slug }}</h1>
-    {{ feature_type }}
-  </div> -->
   <div v-if="structure" class="row">
     <div class="five wide column">
       <div class="ui attached secondary segment">
@@ -166,7 +162,7 @@
       <router-link
         v-if="project"
         :to="{ name: 'liste-signalements', params: { slug: project.slug } }"
-        class="ui right labeled icon button"
+        class="ui right labeled icon button margin-25"
       >
         <i class="right arrow icon"></i>
         Voir tous les signalements
@@ -177,7 +173,7 @@
           name: 'ajouter-signalement',
           params: { slug_type_signal: structure.slug },
         }"
-        class="ui icon button button-hover-green"
+        class="ui icon button button-hover-green margin-25"
       >
         Ajouter un signalement
       </router-link>
@@ -211,7 +207,6 @@ export default {
     ...mapState("feature", ["features"]),
     ...mapState("feature_type", ["feature_types", "importFeatureTypeData"]),
     structure: function () {
-      // * je ne sais pas pourquoi ça s'appelle structure
       if (this.feature_types) {
         return this.feature_types.find(
           (el) => el.slug === this.$route.params.feature_type_slug
@@ -269,4 +264,10 @@ export default {
     );
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.margin-25 {
+  margin: 0 0.25em 0.25em 0 !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/feature_type/Feature_type_edit.vue b/src/views/feature_type/Feature_type_edit.vue
index e3ccfb670d45e981eff5795891acf54a13d70cb1..9ba25f8a47dd2a05bc3a54a3505aab30d49581e0 100644
--- a/src/views/feature_type/Feature_type_edit.vue
+++ b/src/views/feature_type/Feature_type_edit.vue
@@ -78,7 +78,7 @@
               v-model="form.title_optional.value"
               type="checkbox"
             />
-            <label>{{form.title_optional.label}}</label>
+            <label>{{ form.title_optional.label }}</label>
           </div>
         </div>
 
@@ -136,7 +136,7 @@
 
         <div class="ui divider"></div>
         <button
-          class="ui teal icon button"
+          class="ui teal icon button margin-25"
           type="button"
           @click="sendFeatureType"
         >
@@ -146,7 +146,7 @@
         </button>
         <button
           v-if="geojson"
-          class="ui teal icon button"
+          class="ui teal icon button margin-25"
           type="button"
           @click="postFeatureTypeThenFeatures"
         >
@@ -564,6 +564,10 @@ export default {
   margin-right: 0.5em;
 }
 
+.margin-25 {
+  margin: 0 0.25em 0.25em 0 !important;
+}
+
 /* // * probleme avec le style récupéré, n'est jamais identique !???? */
 #formsets {
   margin-top: 1em !important;
diff --git a/src/views/project/Project_detail.vue b/src/views/project/Project_detail.vue
index a07d84208e8459b9466ed6ed758183399a48a763..ede876872e756a7da3c222dd8fac63c01278482c 100644
--- a/src/views/project/Project_detail.vue
+++ b/src/views/project/Project_detail.vue
@@ -171,7 +171,6 @@
                 >
                   <i class="inverted grey pencil alternate icon"></i>
                 </router-link>
-                <!-- {% endif %} -->
               </div>
             </div>
             <div v-if="feature_types.length === 0">
@@ -192,25 +191,33 @@
             </router-link>
           </div>
           <div class="nouveau-type-signalement">
-            <div class="ui compact basic button button-hover-green">
-              <div>
-                <label class="ui" for="json_file">
-                  <i class="ui plus icon"></i>
-                  <span class="label"
-                    >Créer un nouveau type de signalement à partir d'un
-                    GeoJSON</span
-                  >
-                </label>
-                <input
-                  type="file"
-                  accept="application/json, .json, .geojson"
-                  style="display: none"
-                  name="json_file"
-                  id="json_file"
-                  @change="onFileChange"
-                />
-              </div>
-            </div>
+            <a
+              class="
+                ui
+                compact
+                basic
+                button button-hover-green
+                flex
+                align-center
+                text-left
+              "
+            >
+              <i class="ui plus icon"></i>
+              <label class="ui" for="json_file">
+                <span class="label"
+                  >Créer un nouveau type de signalement à partir d'un
+                  GeoJSON</span
+                >
+              </label>
+              <input
+                type="file"
+                accept="application/json, .json, .geojson"
+                style="display: none"
+                name="json_file"
+                id="json_file"
+                @change="onFileChange"
+              />
+            </a>
             <br />
             <div id="button-import" v-if="fileToImport.size > 0">
               <button
@@ -590,4 +597,13 @@ export default {
 .fullwidth {
   width: 100%;
 }
+.flex {
+  display: flex !important;
+}
+.align-center {
+  align-items: center !important;
+}
+.text-left {
+  text-align: left !important;
+}
 </style>
\ No newline at end of file