Make the UI a bit more consistent

- Titles have been unified by using the same HTML tag.
- Centered views have been improved for big screens.
- Added more views that are to be centered.

Signed-off-by: Miquel Sabaté Solà <msabate@suse.com>

9 files changed, 48 insertions, 29 deletions

diff --git a/app/assets/stylesheets/tags.css b/app/assets/stylesheets/tags.css
index 141cbca..75dd87d 100644
--- a/app/assets/stylesheets/tags.css
+++ b/app/assets/stylesheets/tags.css
@@ -1,9 +1,9 @@
-#tag-index h2 span {
+#tag-index h3 span {
     font-size: 1rem;
     vertical-align: middle;
 }
 
-#tag-new h2 span {
+#tag-new h3 span {
     font-size: 1rem;
     vertical-align: middle;
 }
diff --git a/app/assets/stylesheets/utils.css b/app/assets/stylesheets/utils.css
index 3659b13..d4bdb4b 100644
--- a/app/assets/stylesheets/utils.css
+++ b/app/assets/stylesheets/utils.css
@@ -4,7 +4,7 @@
 
 .center-contents {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: 1fr 2fr 1fr;
 }
 
 @media only screen and (max-width: 720px) {
diff --git a/app/views/exports/new.html.erb b/app/views/exports/new.html.erb
index 0f47bf8..631da20 100644
--- a/app/views/exports/new.html.erb
+++ b/app/views/exports/new.html.erb
@@ -1,14 +1,20 @@
-<div class="notice"><b><%= I18n.t('searches.export.note') %></b>: <%= I18n.t('searches.export.note-msg') %>.</div>
+<div class="center-contents">
+    <div></div>
+    <div>
+        <div class="notice"><b><%= I18n.t('searches.export.note') %></b>: <%= I18n.t('searches.export.note-msg') %>.</div>
 
-<div data-controller="export">
-    <div id="errors"></div>
+        <div data-controller="export">
+            <div id="errors"></div>
 
-    <input type="hidden" data-export-target="id" value="<%= @search.id %>" />
+            <input type="hidden" data-export-target="id" value="<%= @search.id %>" />
 
-    <select id="export-select-format" data-action="export#change">
-        <option selected="selected" value="csv">CSV</option>
-        <option value="uoc">UOC</option>
-    </select>
+            <select id="export-select-format" data-action="export#change">
+                <option selected="selected" value="csv">CSV</option>
+                <option value="uoc">UOC</option>
+            </select>
 
-    <a id="export-format-button" class="button" href="#"><%= I18n.t('searches.export.action').capitalize %></a>
+            <a id="export-format-button" class="button" href="#"><%= I18n.t('searches.export.action').capitalize %></a>
+        </div>
+    </div>
+    <div></div>
 </div>
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
index c6d7f4f..dfd4ca9 100644
--- a/app/views/sessions/new.html.erb
+++ b/app/views/sessions/new.html.erb
@@ -1,7 +1,7 @@
 <div class="center-contents">
   <div></div>
   <div>
-    <h2><%= I18n.t('sessions.title') %></h2>
+    <h3><%= I18n.t('sessions.title') %></h3>
 
     <%= form_tag sessions_path do |form| %>
       <div class='field'>
diff --git a/app/views/shared_searches/index.html.erb b/app/views/shared_searches/index.html.erb
index 9a145f6..a17537c 100644
--- a/app/views/shared_searches/index.html.erb
+++ b/app/views/shared_searches/index.html.erb
@@ -1,13 +1,19 @@
-<h3><%= I18n.t('searches.shared.title') %></h3>
+<div class="center-contents">
+    <div></div>
+    <div>
+        <h3><%= I18n.t('searches.shared.title') %></h3>
 
-<% if @searches.empty? %>
-    <div><span><%= I18n.t('searches.shared.none') %>.</span></div>
-<% else %>
-    <div id="shared-searches-list">
-        <% @searches.each do |s| %>
-            <div>
-                <%= link_to s.name, search_shared_path(s) %>
+        <% if @searches.empty? %>
+            <div><span><%= I18n.t('searches.shared.none') %>.</span></div>
+        <% else %>
+            <div id="shared-searches-list">
+                <% @searches.each do |s| %>
+                    <div>
+                        <%= link_to s.name, search_shared_path(s) %>
+                    </div>
+                <% end %>
             </div>
         <% end %>
     </div>
-<% end %>
+    <div></div>
+</div>
diff --git a/app/views/tags/index.html.erb b/app/views/tags/index.html.erb
index 329e069..c91f374 100644
--- a/app/views/tags/index.html.erb
+++ b/app/views/tags/index.html.erb
@@ -1,13 +1,17 @@
 <div class="center-contents">
   <div></div>
   <div id="tag-index">
-    <h2><%= I18n.t('tags.title') %> <span>&#8212; <%= link_to I18n.t('tags.new-action'), new_tag_path %></span></h2>
+    <h3><%= I18n.t('tags.title') %><% if @tags.any? %><span>&#8212; <%= link_to I18n.t('tags.new-action'), new_tag_path %></span><% end %></h3>
 
-    <div id="tags-list">
-      <% @tags.each do |tag| %>
-        <%= render tag %>
-      <% end %>
-    </div>
+    <% if @tags.any? %>
+      <div id="tags-list">
+        <% @tags.each do |tag| %>
+          <%= render tag %>
+        <% end %>
+      </div>
+    <% else %>
+      <div><span><%= I18n.t('tags.none') %> <%= link_to I18n.t('license.here'), new_tag_path %>.</span></div>
+    <% end %>
   </div>
   <div></div>
 </div>
diff --git a/app/views/tags/new.html.erb b/app/views/tags/new.html.erb
index bd6c586..9d6e1a8 100644
--- a/app/views/tags/new.html.erb
+++ b/app/views/tags/new.html.erb
@@ -1,7 +1,7 @@
 <div class="center-contents">
     <div></div>
     <div id="tag-new">
-        <h2><%= I18n.t('tags.new') %> <span>&#8212; <%= link_to I18n.t('general.back-to-list'), tags_path %></span></h2>
+        <h3><%= I18n.t('tags.new') %> <span>&#8212; <%= link_to I18n.t('general.back-to-list'), tags_path %></span></h3>
 
         <%= render "form", tag: @tag %>
     </div>
diff --git a/config/locales/ca.yml b/config/locales/ca.yml
index de2c95a..eb8cb13 100644
--- a/config/locales/ca.yml
+++ b/config/locales/ca.yml
@@ -105,6 +105,8 @@ ca:
     title: Etiquetes
     new: Etiqueta nova
     new-action: nova
+    none: Encara no hi ha cap etiqueta. Pots crear-ne una fent click
+
     create-success: Etiqueta creada correctament
     destroy-success: Etiqueta esborrada correctament
 
diff --git a/config/locales/en.yml b/config/locales/en.yml
index ce11b3b..764b6d4 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -105,6 +105,7 @@ en:
     title: Tags
     new: New tag
     new-action: new
+    none: You have not created any tags. You can do so by clicking
 
     create-success: Tag was successfully created
     destroy-success: Tag was successfully deleted