Display installation steps vertically (#354)

[galette.git] / galette / install / steps / db_install.php

diff --git a/galette/install/steps/db_install.php b/galette/install/steps/db_install.php
index 79aed4caa59f1fb1cda14f6484724e4101e982cf..4aed8d1e55a78b6a32fb83b4ef4d3aaa26369dfe 100644 (file)
--- a/galette/install/steps/db_install.php
+++ b/galette/install/steps/db_install.php
@@ -39,11 +39,7 @@ use Galette\Core\Db as GaletteDb;
 
 //ok, let's run the scripts!
 $db_installed = $install->executeScripts($zdb);
-?>
-                <div class="ui segment">
-                    <div class="content field">
-                        <div class="ui text container">
-<?php
+
 if ($db_installed === false) {
     $msg = _T("Database has not been installed!");
     if ($install->isUpgrade()) {
@@ -58,50 +54,49 @@ if ($db_installed === false) {
     echo '<p class="ui green message">' . $msg . '</p>';
 }
 ?>
-                            <ul class="leaders">
+    <ul class="leaders">
 <?php
 foreach ($install->getDbInstallReport() as $r) {
     ?>
-                                <li>
-                                    <span><?php echo $r['message']; ?></span>
-                                    <span><?php echo $install->getValidationImage($r['res']); ?></span>
-                                </li>
+        <li>
+            <span><?php echo $r['message']; ?></span>
+            <span><?php echo $install->getValidationImage($r['res']); ?></span>
+        </li>
     <?php
 }
 ?>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
+    </ul>
+
+    <div class="ui section divider"></div>
 
-                <form action="installer.php" method="POST" class="ui form">
-                    <div class="ui mobile tablet computer reversed equal width grid">
-                        <div class="right aligned column">
+    <form action="installer.php" method="POST" class="ui form">
+        <div class="ui mobile reversed tablet reversed computer reversed equal width grid">
+            <div class="right aligned column">
 <?php
 if (!$db_installed) {
 ?>
-                            <button type="submit" class="ui right labeled icon button"><i class="redo alternate double right icon"></i> <?php echo _T("Retry"); ?></button>
+                <button type="submit" class="ui right labeled icon button"><i class="redo alternate double right icon"></i> <?php echo _T("Retry"); ?></button>
 <?php
 }
 ?>
-                            <button type="submit" class="ui right labeled icon button"<?php if (!$db_installed) { echo ' disabled="disabled"'; } ?>><i class="angle double right icon"></i> <?php echo _T("Next step"); ?></button>
+                <button type="submit" class="ui right labeled icon button"<?php if (!$db_installed) { echo ' disabled="disabled"'; } ?>><i class="angle double right icon"></i> <?php echo _T("Next step"); ?></button>
 <?php
 if ($db_installed) {
 ?>
-                            <input type="hidden" name="install_dbwrite_ok" value="1"/>
+                <input type="hidden" name="install_dbwrite_ok" value="1"/>
 <?php
 }
 ?>
-                        </div>
-                        <div class="left aligned column">
+            </div>
 <?php
 if (!$db_installed) {
     //once DB is installed, that does not make sense to go back
-?>
-                            <button type="submit" id="btnback" name="stepback_btn" formnovalidate class="ui labeled icon button"><i class="angle double left icon"></i> <?php echo _T("Back"); ?></button>
-<?php
+    ?>
+                <div class="column">
+                    <button type="submit" id="btnback" name="stepback_btn" formnovalidate class="ui labeled icon button"><i class="angle double left icon"></i> <?php echo _T("Back"); ?></button>
+                </div>
+    <?php
 }
 ?>
-                        </div>
-                    </div>
-                </form>
+        </div>
+    </form>