From 56a60d48f6cc11fb512e249f4bf32bf69e902924 Mon Sep 17 00:00:00 2001
From: Miquel Sabaté Solà <msabate@suse.com>
Date: Thu, 14 Mar 2024 18:05:40 +0100
Subject: Make the UI a bit more consistent
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 app/views/exports/new.html.erb | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

(limited to 'app/views/exports/new.html.erb')

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>
-- 
cgit v1.2.3