From 4e0ca04367ad27b87fa3e7d7731ede3c39b0f5fa Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sun, 29 Jan 2017 19:59:42 +0100
Subject: [PATCH] More flexbox implementations

---
 Theme/backend/cockpit.tpl.php     | 138 +++++-----
 Theme/backend/risk-create.tpl.php | 422 ++++++++++++++++--------------
 2 files changed, 299 insertions(+), 261 deletions(-)

diff --git a/Theme/backend/cockpit.tpl.php b/Theme/backend/cockpit.tpl.php
index fe116f6..b7725b6 100644
--- a/Theme/backend/cockpit.tpl.php
+++ b/Theme/backend/cockpit.tpl.php
@@ -26,75 +26,79 @@ $footerView->setResults(1);
 
 echo $this->getData('nav')->render(); ?>
 
-<section class="wf-75 floatLeft">
-    <div class="box w-100">
-        <table class="table">
-            <caption><?= $this->getText('TopRisks'); ?></caption>
-            <thead>
-            <tr>
-                <td><?= $this->getText('Severity'); ?>
-                <td class="wf-100"><?= $this->getText('Name'); ?>
-                <td><?= $this->getText('Department'); ?>
-                <td><?= $this->getText('Category'); ?>
-                <td><?= $this->getText('Process'); ?>
-                <td><?= $this->getText('Project'); ?>
-                <td><?= $this->getText('Unit'); ?>
-            <tfoot>
-            <tr><td colspan="6"><?= $footerView->render(); ?>
-            <tbody>
-            <?php $c = 0; foreach ([] as $key => $value) : $c++;
-            $url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/admin/group/settings?id=' . $value->getId()); ?>
-            <tr>
-                <td><a href="<?= $url; ?>"><?= $value->getId(); ?></a>
-                <td><a href="<?= $url; ?>"><?= $value->getName(); ?></a>
-                <td>
-                <td>
-                <td>
-                <td>
-                    <?php endforeach; ?>
-                    <?php if($c === 0) : ?>
-            <tr><td colspan="7" class="empty"><?= $this->getText('Empty', 0, 0); ?>
-                    <?php endif; ?>
-        </table>
-    </div>
-</section>
-<section class="wf-25 floatLeft">
-    <section class="box w-100">
-        <div class="inner">
-            <a class="button" href="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/backend/controlling/riskmanagement/risk/create'); ?>"><?= $this->getText('NewRisk'); ?></a>
-        </div>
-    </section>
-
-    <section class="box w-100">
-        <header><h1><?= $this->getText('Statistics'); ?></h1></header>
-        <div class="inner">
-            <table class="list">
+<div class="row">
+    <div class="col-xs-12 col-md-9">
+        <div class="box wf-100">
+            <table class="table">
+                <caption><?= $this->getText('TopRisks'); ?></caption>
                 <thead>
                 <tr>
-                    <th><?= $this->getText('Risks'); ?>
-                    <td>0
+                    <td><?= $this->getText('Severity'); ?>
+                    <td class="wf-100"><?= $this->getText('Name'); ?>
+                    <td><?= $this->getText('Department'); ?>
+                    <td><?= $this->getText('Category'); ?>
+                    <td><?= $this->getText('Process'); ?>
+                    <td><?= $this->getText('Project'); ?>
+                    <td><?= $this->getText('Unit'); ?>
+                <tfoot>
+                <tr><td colspan="6"><?= $footerView->render(); ?>
+                <tbody>
+                <?php $c = 0; foreach ([] as $key => $value) : $c++;
+                $url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/admin/group/settings?id=' . $value->getId()); ?>
                 <tr>
-                    <th><?= $this->getText('Causes'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Solutions'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Department'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Category'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Process'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Project'); ?>
-                    <td>0
-                <tr>
-                    <th><?= $this->getText('Total'); ?>
-                    <td>0
+                    <td><a href="<?= $url; ?>"><?= $value->getId(); ?></a>
+                    <td><a href="<?= $url; ?>"><?= $value->getName(); ?></a>
+                    <td>
+                    <td>
+                    <td>
+                    <td>
+                        <?php endforeach; ?>
+                        <?php if($c === 0) : ?>
+                <tr><td colspan="7" class="empty"><?= $this->getText('Empty', 0, 0); ?>
+                        <?php endif; ?>
             </table>
         </div>
-    </section>
-</section>
+    </div>
+
+    <div class="col-xs-12 col-md-3">
+        <section class="box wf-100">
+            <div class="inner">
+                <a class="button" href="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/backend/controlling/riskmanagement/risk/create'); ?>"><?= $this->getText('NewRisk'); ?></a>
+            </div>
+        </section>
+
+        <section class="box wf-100">
+            <header><h1><?= $this->getText('Statistics'); ?></h1></header>
+            <div class="inner">
+                <table class="list">
+                    <thead>
+                    <tr>
+                        <th><?= $this->getText('Risks'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Causes'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Solutions'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Department'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Category'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Process'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Project'); ?>
+                        <td>0
+                    <tr>
+                        <th><?= $this->getText('Total'); ?>
+                        <td>0
+                </table>
+            </div>
+        </section>
+    </div>
+</div>
+
diff --git a/Theme/backend/risk-create.tpl.php b/Theme/backend/risk-create.tpl.php
index 273ce88..40984be 100644
--- a/Theme/backend/risk-create.tpl.php
+++ b/Theme/backend/risk-create.tpl.php
@@ -28,244 +28,278 @@ echo $this->getData('nav')->render(); ?>
     <div class="tab-content">
         <input type="radio" id="c-tab-1" name="tabular-2" checked>
         <div class="tab">
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Risk'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Risk'); ?></h1></header>
 
-                <div class="inner">
-                    <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iName"><?= $this->getText('Name'); ?></label>
-                            <tr><td><input type="text" id="iName" name="name" placeholder="&#xf040; <?= $this->getText('Name'); ?>" required>
-                            <tr><td><label for="iDescription"><?= $this->getText('Description'); ?></label>
-                            <tr><td><textarea id="iDescription" name="description"></textarea>
-                            <tr><td><label for="iCategory"><?= $this->getText('Category'); ?></label>
-                            <tr><td><input type="text" id="iCategory" name="category" placeholder="&#xf040; <?= $this->getText('Category'); ?>">
-                            <tr><td><label for="iDepartment"><?= $this->getText('Department'); ?></label>
-                            <tr><td><input type="text" id="iDepartment" name="department" placeholder="&#xf040; <?= $this->getText('Department'); ?>">
-                            <tr><td><label for="iProcess"><?= $this->getText('Process'); ?></label>
-                            <tr><td><input type="text" id="iProcess" name="process" placeholder="&#xf040; <?= $this->getText('Process'); ?>">
-                            <tr><td><label for="iProject"><?= $this->getText('Project'); ?></label>
-                            <tr><td><input type="text" id="iProject" name="project" placeholder="&#xf040; <?= $this->getText('Project'); ?>">
-                            <tr><td><label for="iReview"><?= $this->getText('Review'); ?></label>
-                            <tr><td><input type="datetime-local" id="iReview" name="Review" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
-                            <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iName"><?= $this->getText('Name'); ?></label>
+                                    <tr><td><input type="text" id="iName" name="name" placeholder="&#xf040; <?= $this->getText('Name'); ?>" required>
+                                    <tr><td><label for="iDescription"><?= $this->getText('Description'); ?></label>
+                                    <tr><td><textarea id="iDescription" name="description"></textarea>
+                                    <tr><td><label for="iCategory"><?= $this->getText('Category'); ?></label>
+                                    <tr><td><input type="text" id="iCategory" name="category" placeholder="&#xf040; <?= $this->getText('Category'); ?>">
+                                    <tr><td><label for="iDepartment"><?= $this->getText('Department'); ?></label>
+                                    <tr><td><input type="text" id="iDepartment" name="department" placeholder="&#xf040; <?= $this->getText('Department'); ?>">
+                                    <tr><td><label for="iProcess"><?= $this->getText('Process'); ?></label>
+                                    <tr><td><input type="text" id="iProcess" name="process" placeholder="&#xf040; <?= $this->getText('Process'); ?>">
+                                    <tr><td><label for="iProject"><?= $this->getText('Project'); ?></label>
+                                    <tr><td><input type="text" id="iProject" name="project" placeholder="&#xf040; <?= $this->getText('Project'); ?>">
+                                    <tr><td><label for="iReview"><?= $this->getText('Review'); ?></label>
+                                    <tr><td><input type="datetime-local" id="iReview" name="Review" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
+                                    <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Media'); ?></h1></header>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Media'); ?></h1></header>
-
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
-                            <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
-                            <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
-                            <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
+                                    <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
+                                    <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
+                                    <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Responsibility'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Responsibility'); ?></h1></header>
 
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iResponsibility"><?= $this->getText('Responsibility'); ?></label><td><label for="iUser"><?= $this->getText('UserGroup'); ?></label><td>
-                            <tr><td><select id="iStatus" name="status">
-                                        <option value="">
-                                    </select>
-                                <td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iUser" name="user" placeholder=""></span><td><button><?= $this->getText('Add', 0, 0); ?></button>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iResponsibility"><?= $this->getText('Responsibility'); ?></label><td><label for="iUser"><?= $this->getText('UserGroup'); ?></label><td>
+                                    <tr><td><select id="iStatus" name="status">
+                                                <option value="">
+                                            </select>
+                                        <td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iUser" name="user" placeholder=""></span><td><button><?= $this->getText('Add', 0, 0); ?></button>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
         </div>
         <input type="radio" id="c-tab-2" name="tabular-2">
         <div class="tab">
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('RiskStatus'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('RiskStatus'); ?></h1></header>
 
-                <div class="inner">
-                    <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iRiskConsequence"><?= $this->getText('RiskConsequence'); ?></label>
-                            <tr><td><select id="iRiskConsequence" name="riskconsequence">
+                        <div class="inner">
+                            <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iRiskConsequence"><?= $this->getText('RiskConsequence'); ?></label>
+                                    <tr><td><select id="iRiskConsequence" name="riskconsequence">
 
-                                    </select>
-                            <tr><td><label for="iRiskLikelihood"><?= $this->getText('RiskLikelihood'); ?></label>
-                            <tr><td><select id="iRiskLikelihood" name="risklikelihood">
+                                            </select>
+                                    <tr><td><label for="iRiskLikelihood"><?= $this->getText('RiskLikelihood'); ?></label>
+                                    <tr><td><select id="iRiskLikelihood" name="risklikelihood">
 
-                                    </select>
-                            <tr><td><label for="iRiskConsequence"><?= $this->getText('RiskConsequence'); ?></label>
-                            <tr><td><select id="iRiskConsequence" name="riskconsequence">
+                                            </select>
+                                    <tr><td><label for="iRiskConsequence"><?= $this->getText('RiskConsequence'); ?></label>
+                                    <tr><td><select id="iRiskConsequence" name="riskconsequence">
 
-                                    </select>
-                            <tr><td><label for="iRiskLikelihood"><?= $this->getText('RiskLikelihood'); ?></label>
-                            <tr><td><select id="iRiskLikelihood" name="risklikelihood">
+                                            </select>
+                                    <tr><td><label for="iRiskLikelihood"><?= $this->getText('RiskLikelihood'); ?></label>
+                                    <tr><td><select id="iRiskLikelihood" name="risklikelihood">
 
-                                    </select>
-                            <tr><td><label for="iRiskStatusDescription"><?= $this->getText('Description'); ?></label>
-                            <tr><td><textarea id="iRiskStatusDescription" name="riskstatusdescription"></textarea>
-                            <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-                        </table>
-                    </form>
+                                            </select>
+                                    <tr><td><label for="iRiskStatusDescription"><?= $this->getText('Description'); ?></label>
+                                    <tr><td><textarea id="iRiskStatusDescription" name="riskstatusdescription"></textarea>
+                                    <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Media'); ?></h1></header>
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Media'); ?></h1></header>
 
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
-                            <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
-                            <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
-                            <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
+                                    <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
+                                    <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
+                                    <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
         </div>
         <input type="radio" id="c-tab-3" name="tabular-2">
         <div class="tab">
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('RiskObjects'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('RiskObjects'); ?></h1></header>
 
-                <div class="inner">
-                    <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iRiskObjectName"><?= $this->getText('Name'); ?></label>
-                            <tr><td><input type="text" id="iRiskObjectName" name="riskobjectname" placeholder="&#xf040; <?= $this->getText('Name'); ?>">
-                            <tr><td><label for="iRiskObjectDescription"><?= $this->getText('Description'); ?></label>
-                            <tr><td><textarea id="iRiskObjectDescription" name="riskobjectdescription"></textarea>
-                            <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iRiskObjectName"><?= $this->getText('Name'); ?></label>
+                                    <tr><td><input type="text" id="iRiskObjectName" name="riskobjectname" placeholder="&#xf040; <?= $this->getText('Name'); ?>">
+                                    <tr><td><label for="iRiskObjectDescription"><?= $this->getText('Description'); ?></label>
+                                    <tr><td><textarea id="iRiskObjectDescription" name="riskobjectdescription"></textarea>
+                                    <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Media'); ?></h1></header>
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Media'); ?></h1></header>
 
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
-                            <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
-                            <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
-                            <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
+                                    <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
+                                    <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
+                                    <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
         </div>
         <input type="radio" id="c-tab-4" name="tabular-2">
         <div class="tab">
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('RiskObjectStatus'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('RiskObjectStatus'); ?></h1></header>
 
-                <div class="inner">
-                    <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iRiskObjectNameValue"><?= $this->getText('RiskObject'); ?></label>
-                            <tr><td><select id="iRiskObjectNameValue" name="riskobjectnamevalue">
+                        <div class="inner">
+                            <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iRiskObjectNameValue"><?= $this->getText('RiskObject'); ?></label>
+                                    <tr><td><select id="iRiskObjectNameValue" name="riskobjectnamevalue">
 
-                                    </select>
-                            <tr><td><label for="iRiskObjecValue"><?= $this->getText('Value'); ?></label>
-                            <tr><td><input type="text" id="iRiskObjecValue" name="riskobjectvalue">
-                            <tr><td><label for="iRiskObjecValueDescription"><?= $this->getText('Description'); ?></label>
-                            <tr><td><textarea id="iRiskObjecValueDescription" name="riskobjectvaluedescription"></textarea>
-                            <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-                        </table>
-                    </form>
+                                            </select>
+                                    <tr><td><label for="iRiskObjecValue"><?= $this->getText('Value'); ?></label>
+                                    <tr><td><input type="text" id="iRiskObjecValue" name="riskobjectvalue">
+                                    <tr><td><label for="iRiskObjecValueDescription"><?= $this->getText('Description'); ?></label>
+                                    <tr><td><textarea id="iRiskObjecValueDescription" name="riskobjectvaluedescription"></textarea>
+                                    <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Media'); ?></h1></header>
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Media'); ?></h1></header>
 
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
-                            <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
-                            <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
-                            <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
+                                    <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
+                                    <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
+                                    <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
         </div>
         <input type="radio" id="c-tab-5" name="tabular-2">
         <div class="tab">
-             <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Solution'); ?></h1></header>
+            <div class="row">
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Solution'); ?></h1></header>
 
-                <div class="inner">
-                    <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td><label for="iSolutionName"><?= $this->getText('Name'); ?></label>
-                            <tr><td><input type="text" id="iSolutionName" name="solutionname">
-                            <tr><td><label for="iSolutioType"><?= $this->getText('Type'); ?></label>
-                            <tr><td><select id="iSolutioType" name="solutiontype">
-                                        <option>Preventing
-                                        <option>Disclosing
-                                    </select>
-                            <tr><td><label for="iSolutioFrequency"><?= $this->getText('Frequency'); ?></label>
-                            <tr><td><select id="iSolutioFrequency" name="solutionfrequency">
-                                        <option>Permanently
-                                        <option>Daily
-                                        <option>Weekly
-                                        <option>Monthly
-                                        <option>Quarterly
-                                        <option>Semiannual
-                                        <option>Annual
-                                    </select>
-                            <tr><td><label for="iSolutioAssessment"><?= $this->getText('Assessment'); ?></label>
-                            <tr><td><select id="iSolutioAssessment" name="solutionassessment">
-                                        <option>Manual
-                                        <option>IT-dependent
-                                        <option>IT
-                                    </select>
-                            <tr><td><label for="iSolutionDescription"><?= $this->getText('Description'); ?></label>
-                            <tr><td><textarea id="iSolutionDescription" name="solutionDescription"></textarea>
-                            <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form id="fRisk"  method="POST" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/controlling/riskmanagement?csrf={$CSRF}'); ?>">
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td><label for="iSolutionName"><?= $this->getText('Name'); ?></label>
+                                    <tr><td><input type="text" id="iSolutionName" name="solutionname">
+                                    <tr><td><label for="iSolutioType"><?= $this->getText('Type'); ?></label>
+                                    <tr><td><select id="iSolutioType" name="solutiontype">
+                                                <option>Preventing
+                                                <option>Disclosing
+                                            </select>
+                                    <tr><td><label for="iSolutioFrequency"><?= $this->getText('Frequency'); ?></label>
+                                    <tr><td><select id="iSolutioFrequency" name="solutionfrequency">
+                                                <option>Permanently
+                                                <option>Daily
+                                                <option>Weekly
+                                                <option>Monthly
+                                                <option>Quarterly
+                                                <option>Semiannual
+                                                <option>Annual
+                                            </select>
+                                    <tr><td><label for="iSolutioAssessment"><?= $this->getText('Assessment'); ?></label>
+                                    <tr><td><select id="iSolutioAssessment" name="solutionassessment">
+                                                <option>Manual
+                                                <option>IT-dependent
+                                                <option>IT
+                                            </select>
+                                    <tr><td><label for="iSolutionDescription"><?= $this->getText('Description'); ?></label>
+                                    <tr><td><textarea id="iSolutionDescription" name="solutionDescription"></textarea>
+                                    <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
 
-            <section class="box w-50 floatLeft">
-                <header><h1><?= $this->getText('Media'); ?></h1></header>
+                <div class="col-xs-12 col-md-6">
+                    <section class="box wf-100">
+                        <header><h1><?= $this->getText('Media'); ?></h1></header>
 
-                <div class="inner">
-                    <form>
-                        <table class="layout wf-100">
-                            <tbody>
-                            <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
-                            <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
-                            <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
-                            <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
-                        </table>
-                    </form>
+                        <div class="inner">
+                            <form>
+                                <table class="layout wf-100">
+                                    <tbody>
+                                    <tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
+                                    <tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
+                                    <tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
+                                    <tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
+                                </table>
+                            </form>
+                        </div>
+                    </section>
                 </div>
-            </section>
+            </div>
         </div>
     </div>
 </div>
\ No newline at end of file