From 8d66edf5921e27398ca47b82e817b4e5acfd90a3 Mon Sep 17 00:00:00 2001
From: Robert Mayr <robyduck@fedoraproject.org>
Date: Oct 11 2017 13:01:57 +0000
Subject: group ARM verify page, fix buttons and fix Python Classroom section to make it also responsive


---

diff --git a/arm.fedoraproject.org/data/content/index.html b/arm.fedoraproject.org/data/content/index.html
index f3835fe..708142e 100644
--- a/arm.fedoraproject.org/data/content/index.html
+++ b/arm.fedoraproject.org/data/content/index.html
@@ -446,7 +446,7 @@
             <img src="/static/images/python.png" />
             </div>
             <div class="col-lg-4">
-            <h3>${_('Fedora Python-Classroom')}</h3>
+            <h3>${_('Python-Classroom')}</h3>
             </div>
             <div class="col-lg-3">
             <p>${Markup(_('%sGB raw image')) % global_variables.iso_size['ARM_Python']}</p>
@@ -479,7 +479,7 @@
           <img src="/static/images/python.png" />
           </div>
           <div class="col-xs-9">
-          <h3>${_('Fedora Python-Classroom')}</h3>
+          <h3>${_('Python-Classroom')}</h3>
           <p class="download"><a href="${global_variables.path['download']}/${global_variables.release['curr_id']}/Labs/armhfp/images/Fedora-Python-Classroom-armhfp-${global_variables.release['curr_arm_id']}-${global_variables.release['RC_gold']}-sda.raw.xz">${_('Download')}</a> | <a href="verify.html">${_('Verify')}</a></p>
           </div>
         </div>
@@ -506,7 +506,7 @@
           <img src="/static/images/python.png" />
           </div>
           <div class="col-sm-5">
-          <h3>${_('Fedora Python-Classroom')}</h3>
+          <h3>${_('Python-Classroom')}</h3>
           </div>
           <div class="col-sm-4">
           <p class="download"><a href="${global_variables.path['download']}/${global_variables.release['curr_id']}/Labs/armhfp/images/Fedora-Python-Classroom-armhfp-${global_variables.release['curr_arm_id']}-${global_variables.release['RC_gold']}-sda.raw.xz">${_('Download')}</a> | <a href="verify.html">${_('Verify')}</a></p>
diff --git a/arm.fedoraproject.org/data/content/verify.html b/arm.fedoraproject.org/data/content/verify.html
index e6be6bf..d10ed79 100644
--- a/arm.fedoraproject.org/data/content/verify.html
+++ b/arm.fedoraproject.org/data/content/verify.html
@@ -32,20 +32,29 @@
         </div>
     </div>
     <div class="row bottom-margin">
-        <div class="col-sm-6 col-xs-12">
-          <a class="btn btn-default btn-topmargin" href="${path}/static/checksums/Fedora-Server-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Server!')}</a>
+        <div class="col-sm-4 col-xs-12 text-center">
+          <h4 class="uppercase top-margin">${_('Server')}</h4>
+          <div class="h-body text-center">
+            <a class="btn btn-default btn-topmargin btn-fix-verify" href="${path}/static/checksums/Fedora-Server-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Server!')}</a>
+          </div>
+          <div class="h-body text-center">
+            <a class="btn btn-default btn-topmargin btn-fix-verify" href="${path}/static/checksums/Fedora-Spins-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Minimal!')}</a>
+          </div>
         </div>
-        <div class="col-sm-6 col-xs-12">
-          <a class="btn btn-default btn-topmargin" href="${path}/static/checksums/Fedora-Spins-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Minimal!')}</a>
+        <div class="col-sm-4 col-xs-12 text-center">
+          <h4 class="uppercase top-margin">${_('Desktop')}</h4>
+          <div class="h-body text-center">
+            <a class="btn btn-default btn-topmargin btn-fix-verify" href="${path}/static/checksums/Fedora-Workstation-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Workstation!')}</a>
+          </div>
+          <div class="h-body text-center">
+            <a class="btn btn-default btn-topmargin btn-fix-verify" href="${path}/static/checksums/Fedora-Spins-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Spins!')}</a>
+          </div>
         </div>
-        <div class="col-sm-3 col-xs-12">
-          <a class="btn btn-default btn-topmargin" href="${path}/static/checksums/Fedora-Workstation-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Workstation!')}</a>
-        </div>
-        <div class="col-sm-3 col-xs-12">
-          <a class="btn btn-default btn-topmargin" href="${path}/static/checksums/Fedora-Spins-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Spins!')}</a>
-        </div>
-        <div class="col-sm-3 col-xs-12">
-          <a class="btn btn-default btn-topmargin" href="${path}/static/checksums/Fedora-Labs-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Labs!')}</a>
+        <div class="col-sm-4 col-xs-12 text-center">
+          <h4 class="uppercase top-margin">${_('Labs')}</h4>
+          <div class="h-body text-center">
+            <a class="btn btn-default btn-topmargin btn-fix-verify" href="${path}/static/checksums/Fedora-Labs-${global_variables.release['curr_id']}-${global_variables.release['RC_gold']}-armhfp-CHECKSUM">${_('Validate Labs!')}</a>
+          </div>
         </div>
     </div>
 
diff --git a/arm.fedoraproject.org/static/css/app.css b/arm.fedoraproject.org/static/css/app.css
index 0029001..ca09f39 100644
--- a/arm.fedoraproject.org/static/css/app.css
+++ b/arm.fedoraproject.org/static/css/app.css
@@ -77,6 +77,10 @@ background-color:white;
   width: 200px;
 }
 
+.btn-fix-verify {
+  width: 250px;
+}
+
 a.btn-lg {
   font-size: 22px;
   font-weight: 700 !important;