From 2c270fdd7b845f068b1106b8554c0cb513cb4914 Mon Sep 17 00:00:00 2001
From: Jan Suchal <jan.suchal@gmail.com>
Date: Thu, 1 Feb 2024 16:08:07 +0100
Subject: [PATCH] Make a bit nicer and bigger.

---
 app/views/services/govbox/index.html.erb     | 26 ++++++++++--------
 app/views/services/govbox_api/index.html.erb | 28 +++++++++++---------
 2 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/app/views/services/govbox/index.html.erb b/app/views/services/govbox/index.html.erb
index 9eb2e8f..74c3d76 100644
--- a/app/views/services/govbox/index.html.erb
+++ b/app/views/services/govbox/index.html.erb
@@ -21,21 +21,25 @@
     </div>
   </div>
 
-
-  <div id="how" class="container">
-    <div class="row pt-4">
-      <div class="col-sm-12 text-center">
-        <div class="alert alert-success alert-dismissible" role="alert">
-          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-          <h3 class="m-4">Nová služba <strong>GovBox PRO</strong></h3>
-          <p>Krajšia a <strong>lepšia elektronická schránka</strong>. Viacero používateľov, viacero schránok, podpisovanie, archív, <strong>prihlasovanie bez občianskeho preukazu</strong>. Aj na mobile.</p>
-          <%= link_to 'https://sluzby.slovensko.digital/govbox-pro', class: 'btn btn-primary btn-lg' do %>
-            <strong>Viac informácií</strong>
-          <% end %>
+  <div style="background-color: rgb(30, 64, 175); color: white">
+    <div class="container">
+      <div class="row py-4">
+        <div class="offset-md-2 col-md-8 text-center">
+          <div>
+            <h3 class="my-4">Nová služba <strong>GovBox PRO</strong></h3>
+            <p class="lead">Krajšia a lepšia elektronická schránka.
+              <strong>Pre viacero používateľov, aj viacero schránok</strong>, podpisovanie, archív,
+              <strong>prihlasovanie bez občianskeho preukazu</strong> a všetky správy aj na mobile.</p>
+            <%= link_to 'https://sluzby.slovensko.digital/govbox-pro', class: 'btn btn-danger btn-lg my-4' do %>
+              <strong>Viac informácií o GovBox PRO</strong>
+            <% end %>
+          </div>
         </div>
       </div>
     </div>
+  </div>
 
+  <div id="how" class="container">
     <div class="row">
       <div class="col-sm-12 text-center">
         <h2>Kto môže GovBox používať?</h2>
diff --git a/app/views/services/govbox_api/index.html.erb b/app/views/services/govbox_api/index.html.erb
index bc1e82a..25ffa79 100644
--- a/app/views/services/govbox_api/index.html.erb
+++ b/app/views/services/govbox_api/index.html.erb
@@ -19,22 +19,26 @@
     </div>
   </div>
 
-  <div id="how" class="container">
-    <div class="row pt-4">
-      <div class="col-sm-12 text-center">
-        <div class="alert alert-success alert-dismissible" role="alert">
-          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-          <h3 class="m-4">Nová služba <strong>GovBox PRO</strong></h3>
-          <p>Krajšia a <strong>lepšia elektronická schránka</strong>. Viacero používateľov, viacero schránok, podpisovanie, archív, <strong>prihlasovanie bez občianskeho preukazu</strong>. Aj na mobile.</p>
-          <%= link_to 'https://sluzby.slovensko.digital/govbox-pro', class: 'btn btn-primary btn-lg' do %>
-            <strong>Viac informácií</strong>
-          <% end %>
+  <div style="background-color: rgb(30, 64, 175); color: white">
+    <div class="container">
+      <div class="row py-4">
+        <div class="offset-md-2 col-md-8 text-center">
+          <div>
+            <h3 class="my-4">Nová služba <strong>GovBox PRO</strong></h3>
+            <p class="lead">Krajšia a lepšia elektronická schránka.
+              <strong>Pre viacero používateľov, aj viacero schránok</strong>, podpisovanie, archív,
+              <strong>prihlasovanie bez občianskeho preukazu</strong> a všetky správy aj na mobile.</p>
+            <%= link_to 'https://sluzby.slovensko.digital/govbox-pro', class: 'btn btn-danger btn-lg my-4' do %>
+              <strong>Viac informácií o GovBox PRO</strong>
+            <% end %>
+          </div>
         </div>
       </div>
     </div>
+  </div>
 
-    <br/><br/>
-    <div class="col-sm-12 text-center">
+  <div id="how" class="container">
+    <div class="col-sm-12 text-center pt-5">
       <p class="lead">Integrácia cez GovBox API je ideálnym riešením, ak máte vlastný informačný systém<br/>a&nbsp;intenzívne využívate firemnú schránku na&nbsp;slovensko.sk.</p>
       <p class="lead"><b>Integráciu pripravíme&nbsp;na mieru podľa vašich požiadaviek a&nbsp;možností vášho systému.</b></p>
     </div>