From 6aba6bcaa0ef56b4acf531da7d94e1c941d0980e Mon Sep 17 00:00:00 2001
From: Christoph Ladurner <christoph.ladurner@tugraz.at>
Date: Wed, 7 Jun 2023 23:24:17 +0200
Subject: [PATCH] fix: frontpage upload buttons small monitor

---
 .../templates/invenio_theme_tugraz/index.html | 43 +++++++++++--------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html
index 319475b..9ffb2d0 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/index.html
@@ -109,25 +109,30 @@
       <div class="ui segment" style="padding-bottom: 10px;">
         <h4>{{ _("You can upload different types of records:") }}</h4>
 
-        <p style="margin: 14px">
-          <span class="ui left floated" style="text-align: justify; width:260px; display:inline-block;">
-            {{ _("Visibility of uploaded content is maximized through synchronization with data hubs (DataCite).") }}
-          </span>
-          <a class="ui positive right floated button" style="width:250px; display:inline-block;" href="me/uploads" title="Research Data">
-            <i aria-hidden="true" class="upload icon"></i>
-            {{ _("Upload Research Output") }}
-          </a>
-        </p>
-        <p style="margin: 14px;">
-          <span class="ui left floated" style="text-align: justify; width:260px; display:inline-block;">
-            {{ _("Open Educational Resources (OER) will be visible on various discovery tools like the OERhub.") }}
-          </span>
-
-          <a class="ui positive right floated button" style="width:250px; display:inline-block;" href="lom/uploads" title="Open Educational Resources">
-            <i aria-hidden="true" class="upload icon"></i>
-            {{ _("Upload OER") }}
-          </a>
-        </p>
+        <div class="ui grid">
+          <div class="sixteen wide mobile eight wide computer column">
+            <span>
+              {{ _("Visibility of uploaded content is maximized through synchronization with data hubs (DataCite).") }}
+            </span>
+          </div>
+          <div class="sixteen wide mobile eight wide computer column">
+            <a class="ui fluid positive button" href="me/uploads" title="Research Data">
+              <i aria-hidden="true" class="upload icon"></i>
+              {{ _("Upload Research Output") }}
+            </a>
+          </div>
+          <div class="sixteen wide mobile eight wide computer column">
+            <span>
+              {{ _("Open Educational Resources (OER) will be visible on various discovery tools like the OERhub.") }}
+            </span>
+          </div>
+          <div class="sixteen wide mobile eight wide computer column">
+            <a class="ui fluid positive button" href="lom/uploads" title="Open Educational Resources">
+              <i aria-hidden="true" class="upload icon"></i>
+              {{ _("Upload OER") }}
+            </a>
+          </div>
+        </div>
       </div>
 
       <!--contact us-->