Import project style fixes

app/modules/projects/create/create-project-form/create-project-form.jade

@@ -1,15 +1,15 @@
 .create-project
-    h1.create-project-title(ng-if="vm.type == 'scrum'")
+    .create-project-title-wrapper(ng-if="vm.type == 'scrum'")
         tg-svg(svg-icon="icon-scrum")
-        span(translate="PROJECT.CREATE.TEMPLATE_SCRUM")
+        h1.create-project-title(translate="PROJECT.CREATE.TEMPLATE_SCRUM")
     h3.create-project-description(
         ng-if="vm.type == 'scrum'"
         translate="PROJECT.CREATE.TEMPLATE_SCRUM_DESC"
     )
 
-    h1.create-project-title(ng-if="vm.type == 'kanban'")
+    .create-project-title-wrapper(ng-if="vm.type == 'kanban'")
         tg-svg(svg-icon="icon-kanban")
-        span(translate="PROJECT.CREATE.TEMPLATE_KANBAN")
+        h1.create-project-title(translate="PROJECT.CREATE.TEMPLATE_KANBAN")
     h3.create-project-description(
         ng-if="vm.type == 'kanban'"
         translate="PROJECT.CREATE.TEMPLATE_KANBAN_DESC"

app/modules/projects/create/import-taiga/import-taiga.jade

@@ -8,8 +8,5 @@ input.hidden(
         alt="Taiga Logo"
     )
 .import-project-name-wrapper
-    p.import-project-name(
+    span.import-project-name Taiga
-        href="#"
-        title="Taiga"
-    ) Taiga
     p.import-project-description(translate="PROJECT.IMPORT.TAIGA.SELECTOR")

app/modules/projects/create/import/import-project.controller.coffee

@@ -110,4 +110,7 @@ class ImportProjectController
     cancelCurrentImport: () ->
         @location.url(@tgNavUrls.resolve('create-project-import'))
 
+    backToCreate: () ->
+        @location.url(@tgNavUrls.resolve('create-project'))
+
 angular.module("taigaProjects").controller("ImportProjectCtrl", ImportProjectController)

app/modules/projects/create/import/import-project.jade

@@ -3,20 +3,20 @@
 
     ul.import-project-from
         li.import-project-from-site(
-            tg-click-input-file,
+            tg-click-input-file
             tg-import-taiga
         )
-        li.import-project-from-site(ng-click="vm.unfoldOptions('jira')", ng-if="vm.isActiveImporter('jira')")
+        li.import-project-from-site(
+            ng-click="vm.unfoldOptions('jira')"
+            ng-if="vm.isActiveImporter('jira')"
+        )
             .import-project-logo
                 img(
                     src="/#{v}/images/import-logos/jira.png"
                     alt="Jira Logo"
                 )
             .import-project-name-wrapper
-                a.import-project-name(
+                span.import-project-name Jira
-                    href="#"
-                    title="Jira"
-                ) Jira
                 p.import-project-description(translate="PROJECT.IMPORT.JIRA.SELECTOR")
                 fieldset.import-project-url(ng-if="vm.unfoldedOptions == 'jira'")
                     label(
@@ -33,46 +33,47 @@
                         title="{{'PROJECT.IMPORT.ACCEEDE' | translate}}"
                         translate="PROJECT.IMPORT.ACCEEDE"
                     )
-        li.import-project-from-site(ng-click="vm.select('github')", ng-if="vm.isActiveImporter('github')")
+        li.import-project-from-site(
+            ng-click="vm.select('github')"
+            ng-if="vm.isActiveImporter('github')"
+        )
             .import-project-logo
                 img(
                     src="/#{v}/images/import-logos/github.png"
                     alt="Github Logo"
                 )
             .import-project-name-wrapper
-                a.import-project-name(
+                span.import-project-name Github
-                    href="#"
-                    title="Github"
-                ) Github
                 p.import-project-description(translate="PROJECT.IMPORT.GITHUB.SELECTOR")
-        li.import-project-from-site(ng-click="vm.select('trello')", ng-if="vm.isActiveImporter('trello')")
+        li.import-project-from-site(
+            ng-click="vm.select('trello')"
+            ng-if="vm.isActiveImporter('trello')"
+        )
             .import-project-logo
                 img(
                     src="/#{v}/images/import-logos/trello.png"
                     alt="Trello Logo"
                 )
             .import-project-name-wrapper
-                a.import-project-name(
+                span.import-project-name Trello
-                    href="#"
-                    title="Trello"
-                ) Trello
                 p.import-project-description(translate="PROJECT.IMPORT.TRELLO.SELECTOR")
-        li.import-project-from-site(ng-click="vm.select('asana')", ng-if="vm.isActiveImporter('asana')")
+        li.import-project-from-site(
+            ng-click="vm.select('asana')"
+            ng-if="vm.isActiveImporter('asana')"
+        )
             .import-project-logo
                 img(
                     src="/#{v}/images/import-logos/asana.png"
                     alt="Asana Logo"
                 )
             .import-project-name-wrapper
-                a.import-project-name(
+                span.import-project-name Asana
-                    href="#"
-                    title="Asana"
-                ) Asana
                 p.import-project-description(translate="PROJECT.IMPORT.ASANA.SELECTOR")
 
     .create-project-action
-        a.trans-button.create-project-action-back(
+        button.trans-button.create-project-action-cancel(
-            tg-nav="create-project",
+            type="button"
+            ng-click="vm.backToCreate()"
             title="{{'PROJECT.CREATE.BACK' | translate}}"
             translate="PROJECT.CREATE.BACK"
         )

app/styles/dependencies/mixins/create.scss

@@ -36,28 +36,28 @@
         }
     }
 
-    &-description,
+    &-title-wrapper {
-    &-title {
-        text-align: center;
-    }
-
-    &-title {
         align-items: center;
         display: flex;
         justify-content: center;
         margin-bottom: 0;
 
-        tg-svg {
+        .create-project-title {
-            display: flex;
+            display: inline-block;
         }
-
         .icon {
-            @include svg-size(1.5rem);
+            @include svg-size(1.75rem);
             margin-right: .5rem;
             vertical-align: middle;
         }
     }
 
+    &-title,
+    &-description {
+        margin: 0;
+        text-align: center;
+    }
+
     &-description {
         color: $gray-light;
         margin-bottom: 2rem;
@@ -115,6 +115,9 @@
             display: flex;
             justify-content: center;
             position: relative;
+            &:hover {
+                color: currentColor;
+            }
         }
         li {
             &:hover {