Reports page styles

app/partials/admin/admin-project-reports.jade

@@ -1,5 +1,5 @@
 div.wrapper(ng-controller="ProjectProfileController as ctrl",
-            ng-init="section='admin'; sectionName='Export'")
+            ng-init="section='admin'; sectionName='Reports'")
     sidebar.menu-secondary.sidebar(tg-admin-navigation="project-profile")
         include ../includes/modules/admin-menu
 
@@ -9,7 +9,7 @@ div.wrapper(ng-controller="ProjectProfileController as ctrl",
     section.main.admin-common(tg-project-export)
         header
             include ../includes/components/mainTitle
-            p.admin-subtitle Export your project data in CSV format.
+            p.admin-subtitle Export your project data in CSV format and make your own reports
 
         - var csvType = "US";
         - var controller = "CsvExporterUserstoriesController";
@@ -25,3 +25,6 @@ div.wrapper(ng-controller="ProjectProfileController as ctrl",
         - var controller = "CsvExporterIssuesController";
         div.admin-attributes-section
             include ../includes/modules/admin/project-csv
+            a.help-button(href="https://taiga.io/support/csv-reports/", target="_blank")
+                span.icon.icon-help
+                span How to use this on my own spreadsheet?

app/partials/includes/modules/admin/project-csv.jade

@@ -1,20 +1,18 @@
 section.project-csv(ng-controller='#{controller}  as ctrl', tg-select-input-text)
     div.project-values-title
-        h2 Export #{csvType} Data
-            span (.csv format)
+        h2 #{csvType} reports
         a.button.button-gray(title="Download #{csvType} CSV", ng-href="{{csvUrl}}", ng-show="csvUrl")
             span Download CSV
 
     p Get all information about your project #{csvType}. Save all your data to a <em>.csv</em> file and open it in your favourite text editor or spreadsheet. You will be able to visualize and analize all your data easily.
+
     div.csv-regenerate-field
         .field-with-options
             input(type="text", placeholder="Please regenerate CSV url", readonly, ng-model="csvUrl")
             .option-wrapper.select-input-content
                 .icon.icon-copy
         a(href="", title="Regenerate CSV url", ng-click="ctrl.regenerateUuid()")
-           span.icon.icon-reload
-           span Regenerate
-
-    a.help-button(href="https://taiga.io/support/csv-reports/", target="_blank")
-        span.icon.icon-help
-        span How to use this on my own spreadsheet?
+           span.icon.icon-plus(ng-hide="csvUrl")
+           span(ng-hide="csvUrl") Generate URL
+           span.icon.icon-reload(ng-Show="csvUrl")
+           span(ng-Show="csvUrl") Regenerate

app/styles/modules/admin/project-csv.scss

@@ -1,4 +1,5 @@
 .project-csv {
+    margin-bottom: 2.5rem;
     .project-values-title {
         margin-bottom: 1rem;
     }
@@ -10,8 +11,9 @@
         margin-bottom: 1rem;
         a {
             @extend %small;
+            min-width: 110px;
         }
-        span:first-child {
+        .icon {
             margin-right: .3rem;
         }
     }