From 53407dd806f316d85a10c65fd991f82a9fca1ddd Mon Sep 17 00:00:00 2001
From: Christine Slotty <christine.slotty@software-labor.de>
Date: Tue, 9 Jun 2020 19:02:02 +0200
Subject: [PATCH] WIP

---
 src/Template/AddressTypes/add.ctp             |   4 +-
 src/Template/AddressTypes/edit.ctp            |   4 +-
 src/Template/AddressTypes/index.ctp           |   4 +-
 src/Template/AddressTypes/view.ctp            |   4 +-
 src/Template/AdminErrors/add.ctp              |   4 +-
 src/Template/AdminErrors/edit.ctp             |   4 +-
 src/Template/AdminErrors/index.ctp            |   4 +-
 src/Template/AdminErrors/view.ctp             |   4 +-
 src/Template/ElopageBuys/add.ctp              |   4 +-
 src/Template/ElopageBuys/edit.ctp             |   4 +-
 src/Template/ElopageBuys/index.ctp            |   4 +-
 src/Template/ElopageBuys/view.ctp             |   4 +-
 src/Template/Layout/default.ctp               |   4 +-
 src/Template/OperatorTypes/add.ctp            |   4 +-
 src/Template/OperatorTypes/edit.ctp           |   4 +-
 src/Template/OperatorTypes/index.ctp          |   4 +-
 src/Template/OperatorTypes/view.ctp           |   4 +-
 src/Template/Operators/add.ctp                |   4 +-
 src/Template/Operators/edit.ctp               |   4 +-
 src/Template/Operators/index.ctp              |   4 +-
 src/Template/Operators/view.ctp               |   4 +-
 src/Template/ServerUsers/add.ctp              |   4 +-
 src/Template/ServerUsers/edit.ctp             |   4 +-
 src/Template/ServerUsers/index.ctp            |   6 +-
 src/Template/ServerUsers/view.ctp             |   4 +-
 src/Template/StateBalances/add.ctp            |   4 +-
 src/Template/StateBalances/edit.ctp           |   4 +-
 src/Template/StateBalances/index.ctp          |   4 +-
 src/Template/StateBalances/overview.ctp       |  80 ++++----
 src/Template/StateBalances/view.ctp           |   4 +-
 src/Template/StateCreated/add.ctp             |   4 +-
 src/Template/StateCreated/edit.ctp            |   4 +-
 src/Template/StateCreated/index.ctp           |   4 +-
 src/Template/StateCreated/view.ctp            |   4 +-
 src/Template/StateErrors/add.ctp              |   4 +-
 src/Template/StateErrors/edit.ctp             |   4 +-
 src/Template/StateErrors/index.ctp            |   4 +-
 src/Template/StateErrors/view.ctp             |   4 +-
 src/Template/StateGroupAddresses/add.ctp      |   4 +-
 src/Template/StateGroupAddresses/edit.ctp     |   4 +-
 src/Template/StateGroupAddresses/index.ctp    |   4 +-
 src/Template/StateGroupAddresses/view.ctp     |   4 +-
 src/Template/StateGroupRelationships/add.ctp  |   4 +-
 src/Template/StateGroupRelationships/edit.ctp |   4 +-
 .../StateGroupRelationships/index.ctp         |   4 +-
 src/Template/StateGroupRelationships/view.ctp |   4 +-
 src/Template/StateGroups/add.ctp              |   4 +-
 src/Template/StateGroups/edit.ctp             |   4 +-
 src/Template/StateGroups/index.ctp            |   4 +-
 src/Template/StateGroups/view.ctp             |   4 +-
 src/Template/StateRelationshipTypes/add.ctp   |   4 +-
 src/Template/StateRelationshipTypes/edit.ctp  |   4 +-
 src/Template/StateRelationshipTypes/index.ctp |   4 +-
 src/Template/StateRelationshipTypes/view.ctp  |   4 +-
 src/Template/StateUsers/add.ctp               |   4 +-
 src/Template/StateUsers/edit.ctp              |   4 +-
 src/Template/StateUsers/index.ctp             |   4 +-
 src/Template/StateUsers/view.ctp              |   2 +-
 src/Template/TransactionCreations/add.ctp     |   4 +-
 src/Template/TransactionCreations/edit.ctp    |   4 +-
 src/Template/TransactionCreations/index.ctp   |   4 +-
 src/Template/TransactionCreations/view.ctp    |   4 +-
 .../TransactionGroupAddaddress/add.ctp        |   4 +-
 .../TransactionGroupAddaddress/edit.ctp       |   4 +-
 .../TransactionGroupAddaddress/index.ctp      |   4 +-
 .../TransactionGroupAddaddress/view.ctp       |   4 +-
 .../TransactionGroupAllowtrades/add.ctp       |   4 +-
 .../TransactionGroupAllowtrades/edit.ctp      |   4 +-
 .../TransactionGroupAllowtrades/index.ctp     |   4 +-
 .../TransactionGroupAllowtrades/view.ctp      |   4 +-
 src/Template/TransactionGroupCreates/add.ctp  |   4 +-
 src/Template/TransactionGroupCreates/edit.ctp |   4 +-
 .../TransactionGroupCreates/index.ctp         |   4 +-
 src/Template/TransactionGroupCreates/view.ctp |   4 +-
 src/Template/TransactionSendCoins/add.ctp     |   4 +-
 src/Template/TransactionSendCoins/edit.ctp    |   4 +-
 src/Template/TransactionSendCoins/index.ctp   |   4 +-
 src/Template/TransactionSendCoins/view.ctp    |   4 +-
 src/Template/TransactionSignatures/add.ctp    |   4 +-
 src/Template/TransactionSignatures/edit.ctp   |   4 +-
 src/Template/TransactionSignatures/index.ctp  |   4 +-
 src/Template/TransactionSignatures/view.ctp   |   4 +-
 src/Template/TransactionTypes/add.ctp         |   4 +-
 src/Template/TransactionTypes/edit.ctp        |   4 +-
 src/Template/TransactionTypes/index.ctp       |   4 +-
 src/Template/TransactionTypes/view.ctp        |   4 +-
 src/Template/Transactions/add.ctp             |   4 +-
 src/Template/Transactions/edit.ctp            |   4 +-
 src/Template/Transactions/index.ctp           |  42 ++--
 src/Template/Transactions/view.ctp            |   4 +-
 src/Template/Users/add.ctp                    |   4 +-
 src/Template/Users/edit.ctp                   |   4 +-
 src/Template/Users/index.ctp                  |   4 +-
 src/Template/Users/view.ctp                   |   4 +-
 webroot/css/grd_styles.css                    | 192 ++++++++++++------
 websrc/src/less-files.css                     | 192 ++++++++++++------
 websrc/src/less/08-navi.less                  |  26 ++-
 websrc/src/less/10-center.less                |  75 +------
 websrc/src/less/list.less                     | 126 ++++++++++++
 99 files changed, 649 insertions(+), 452 deletions(-)
 create mode 100644 websrc/src/less/list.less

diff --git a/src/Template/AddressTypes/add.ctp b/src/Template/AddressTypes/add.ctp
index f62c5115e..7422b666a 100644
--- a/src/Template/AddressTypes/add.ctp
+++ b/src/Template/AddressTypes/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AddressType $addressType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Address Types'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Group Addresses'), ['controller' => 'StateGroupAddresses', 'action' => 'index']) ?></li>
diff --git a/src/Template/AddressTypes/edit.ctp b/src/Template/AddressTypes/edit.ctp
index 3e363e331..c43cbaf96 100644
--- a/src/Template/AddressTypes/edit.ctp
+++ b/src/Template/AddressTypes/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AddressType $addressType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/AddressTypes/index.ctp b/src/Template/AddressTypes/index.ctp
index 905d406a1..978751be0 100644
--- a/src/Template/AddressTypes/index.ctp
+++ b/src/Template/AddressTypes/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AddressType[]|\Cake\Collection\CollectionInterface $addressTypes
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Address Type'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Group Addresses'), ['controller' => 'StateGroupAddresses', 'action' => 'index']) ?></li>
diff --git a/src/Template/AddressTypes/view.ctp b/src/Template/AddressTypes/view.ctp
index 7f838680b..19fa6c81e 100644
--- a/src/Template/AddressTypes/view.ctp
+++ b/src/Template/AddressTypes/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AddressType $addressType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Address Type'), ['action' => 'edit', $addressType->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Address Type'), ['action' => 'delete', $addressType->id], ['confirm' => __('Are you sure you want to delete # {0}?', $addressType->id)]) ?> </li>
diff --git a/src/Template/AdminErrors/add.ctp b/src/Template/AdminErrors/add.ctp
index 384adcf84..b69f68213 100644
--- a/src/Template/AdminErrors/add.ctp
+++ b/src/Template/AdminErrors/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AdminError $adminError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Admin Errors'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/AdminErrors/edit.ctp b/src/Template/AdminErrors/edit.ctp
index 623744dd5..dea74b94b 100644
--- a/src/Template/AdminErrors/edit.ctp
+++ b/src/Template/AdminErrors/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AdminError $adminError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/AdminErrors/index.ctp b/src/Template/AdminErrors/index.ctp
index d53dfb8ea..c5bbf8afd 100644
--- a/src/Template/AdminErrors/index.ctp
+++ b/src/Template/AdminErrors/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AdminError[]|\Cake\Collection\CollectionInterface $adminErrors
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Admin Error'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/AdminErrors/view.ctp b/src/Template/AdminErrors/view.ctp
index 64399e0d0..0b0bebb64 100644
--- a/src/Template/AdminErrors/view.ctp
+++ b/src/Template/AdminErrors/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\AdminError $adminError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Admin Error'), ['action' => 'edit', $adminError->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Admin Error'), ['action' => 'delete', $adminError->id], ['confirm' => __('Are you sure you want to delete # {0}?', $adminError->id)]) ?> </li>
diff --git a/src/Template/ElopageBuys/add.ctp b/src/Template/ElopageBuys/add.ctp
index 2bea72966..e9c2c6a80 100644
--- a/src/Template/ElopageBuys/add.ctp
+++ b/src/Template/ElopageBuys/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ElopageBuy $elopageBuy
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Elopage Buys'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/ElopageBuys/edit.ctp b/src/Template/ElopageBuys/edit.ctp
index 0629c8c6e..e33956b83 100644
--- a/src/Template/ElopageBuys/edit.ctp
+++ b/src/Template/ElopageBuys/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ElopageBuy $elopageBuy
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/ElopageBuys/index.ctp b/src/Template/ElopageBuys/index.ctp
index a76d1fb01..f2e88d97c 100644
--- a/src/Template/ElopageBuys/index.ctp
+++ b/src/Template/ElopageBuys/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ElopageBuy[]|\Cake\Collection\CollectionInterface $elopageBuys
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Elopage Buy'), ['action' => 'add']) ?></li>
     </ul>
diff --git a/src/Template/ElopageBuys/view.ctp b/src/Template/ElopageBuys/view.ctp
index a81c68996..2631e17fe 100644
--- a/src/Template/ElopageBuys/view.ctp
+++ b/src/Template/ElopageBuys/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ElopageBuy $elopageBuy
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Elopage Buy'), ['action' => 'edit', $elopageBuy->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Elopage Buy'), ['action' => 'delete', $elopageBuy->id], ['confirm' => __('Are you sure you want to delete # {0}?', $elopageBuy->id)]) ?> </li>
diff --git a/src/Template/Layout/default.ctp b/src/Template/Layout/default.ctp
index 7b9da3b8f..0324f61eb 100644
--- a/src/Template/Layout/default.ctp
+++ b/src/Template/Layout/default.ctp
@@ -34,12 +34,12 @@ $cakeDescription = 'Gradido';
 <body>
     <div class="content-default">
         <div class="content-container info-container">
-            <h1><a href=""><?= $this->fetch('title') ?></a></h1>
-            <ul class="nav-horizontal">
+            <ul class="nav-horizontal nav-top-smaller">
                 <li><?= $this->html->link(__('Logout'), ['controller' => 'ServerUsers', 'action' => 'logout'])?></li>
                 <li><a target="_blank" href="https://book.cakephp.org/3.0/">Documentation</a></li>
                 <li><a target="_blank" href="https://api.cakephp.org/3.0/">API</a></li>
             </ul>
+            <h1><a href=""><?= $this->fetch('title') ?></a></h1>
             <?= $this->Flash->render() ?>
             <?= $this->fetch('content') ?>
         </div>
diff --git a/src/Template/OperatorTypes/add.ctp b/src/Template/OperatorTypes/add.ctp
index 1f9c10f6d..c50feecf0 100644
--- a/src/Template/OperatorTypes/add.ctp
+++ b/src/Template/OperatorTypes/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\OperatorType $operatorType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Operator Types'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Operators'), ['controller' => 'Operators', 'action' => 'index']) ?></li>
diff --git a/src/Template/OperatorTypes/edit.ctp b/src/Template/OperatorTypes/edit.ctp
index 3f4ab4d04..0b61f0f7a 100644
--- a/src/Template/OperatorTypes/edit.ctp
+++ b/src/Template/OperatorTypes/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\OperatorType $operatorType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/OperatorTypes/index.ctp b/src/Template/OperatorTypes/index.ctp
index 71e01f6b3..4f5bf65d4 100644
--- a/src/Template/OperatorTypes/index.ctp
+++ b/src/Template/OperatorTypes/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\OperatorType[]|\Cake\Collection\CollectionInterface $operatorTypes
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Operator Type'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Operators'), ['controller' => 'Operators', 'action' => 'index']) ?></li>
diff --git a/src/Template/OperatorTypes/view.ctp b/src/Template/OperatorTypes/view.ctp
index 383f146d3..a7cb775cf 100644
--- a/src/Template/OperatorTypes/view.ctp
+++ b/src/Template/OperatorTypes/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\OperatorType $operatorType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Operator Type'), ['action' => 'edit', $operatorType->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Operator Type'), ['action' => 'delete', $operatorType->id], ['confirm' => __('Are you sure you want to delete # {0}?', $operatorType->id)]) ?> </li>
diff --git a/src/Template/Operators/add.ctp b/src/Template/Operators/add.ctp
index 88cf2fef8..6696cce5c 100644
--- a/src/Template/Operators/add.ctp
+++ b/src/Template/Operators/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Operator $operator
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Operators'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/Operators/edit.ctp b/src/Template/Operators/edit.ctp
index 6d8f577fa..88a348e59 100644
--- a/src/Template/Operators/edit.ctp
+++ b/src/Template/Operators/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Operator $operator
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/Operators/index.ctp b/src/Template/Operators/index.ctp
index cb23c148f..98328a130 100644
--- a/src/Template/Operators/index.ctp
+++ b/src/Template/Operators/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Operator[]|\Cake\Collection\CollectionInterface $operators
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Operator'), ['action' => 'add']) ?></li>
     </ul>
diff --git a/src/Template/Operators/view.ctp b/src/Template/Operators/view.ctp
index 34ab36969..a317c8e17 100644
--- a/src/Template/Operators/view.ctp
+++ b/src/Template/Operators/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Operator $operator
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Operator'), ['action' => 'edit', $operator->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Operator'), ['action' => 'delete', $operator->id], ['confirm' => __('Are you sure you want to delete # {0}?', $operator->id)]) ?> </li>
diff --git a/src/Template/ServerUsers/add.ctp b/src/Template/ServerUsers/add.ctp
index 1c3348452..35907282b 100644
--- a/src/Template/ServerUsers/add.ctp
+++ b/src/Template/ServerUsers/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ServerUser $serverUser
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Server Users'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/ServerUsers/edit.ctp b/src/Template/ServerUsers/edit.ctp
index b5045f45f..df812d032 100644
--- a/src/Template/ServerUsers/edit.ctp
+++ b/src/Template/ServerUsers/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ServerUser $serverUser
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/ServerUsers/index.ctp b/src/Template/ServerUsers/index.ctp
index 0a771a858..ea505a0ac 100644
--- a/src/Template/ServerUsers/index.ctp
+++ b/src/Template/ServerUsers/index.ctp
@@ -4,13 +4,13 @@
  * @var \App\Model\Entity\ServerUser[]|\Cake\Collection\CollectionInterface $serverUsers
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Server User'), ['action' => 'add']) ?></li>
     </ul>
 </nav>
-<div class="serverUsers index large-9 medium-8 columns content">
+<div class="serverUsers">
     <h3><?= __('Server Users') ?></h3>
     <table cellpadding="0" cellspacing="0">
         <thead>
diff --git a/src/Template/ServerUsers/view.ctp b/src/Template/ServerUsers/view.ctp
index 1e16a1528..0d3a9ae21 100644
--- a/src/Template/ServerUsers/view.ctp
+++ b/src/Template/ServerUsers/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\ServerUser $serverUser
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Server User'), ['action' => 'edit', $serverUser->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Server User'), ['action' => 'delete', $serverUser->id], ['confirm' => __('Are you sure you want to delete # {0}?', $serverUser->id)]) ?> </li>
diff --git a/src/Template/StateBalances/add.ctp b/src/Template/StateBalances/add.ctp
index d19683ae2..64ef5d576 100644
--- a/src/Template/StateBalances/add.ctp
+++ b/src/Template/StateBalances/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateBalance $stateBalance
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Balances'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateBalances/edit.ctp b/src/Template/StateBalances/edit.ctp
index 0f8835510..c4a6c1e81 100644
--- a/src/Template/StateBalances/edit.ctp
+++ b/src/Template/StateBalances/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateBalance $stateBalance
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateBalances/index.ctp b/src/Template/StateBalances/index.ctp
index 746ec3a08..a4f2c1eff 100644
--- a/src/Template/StateBalances/index.ctp
+++ b/src/Template/StateBalances/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateBalance[]|\Cake\Collection\CollectionInterface $stateBalances
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Balance'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateBalances/overview.ctp b/src/Template/StateBalances/overview.ctp
index 2eef35000..61b5f35db 100644
--- a/src/Template/StateBalances/overview.ctp
+++ b/src/Template/StateBalances/overview.ctp
@@ -27,11 +27,13 @@ $this->assign('header', $header);
 <div class="content-list">
   <p class="content-list-title">Überweisungen</p>
   <div class="content-list-table wiretransfer">
-    <div class="cell header-cell"><?= __('Absender') . ' / ' . ('Empfänger') ?></div>
-    <div class="cell header-cell"><?= __('Verwendungszweck') ?></div>
-    <div class="cell header-cell"><?= __('Datum') ?></div>
-    <div class="cell header-cell"><?= __('Betrag') ?></div>
-    <div class="cell header-cell" title="<?= __('Transaktions Nr.') ?>"><?= __('Nr') ?></div>
+    <div class="row">
+      <div class="cell header-cell c4"><?= __('Absender') . ' / ' . ('Empfänger') ?></div>
+      <div class="cell header-cell c0"><?= __('Verwendungszweck') ?></div>
+      <div class="cell header-cell c2"><?= __('Datum') ?></div>
+      <div class="cell header-cell c2"><?= __('Betrag') ?></div>
+      <div class="cell header-cell c1" title="<?= __('Transaktions Nr.') ?>"><?= __('Nr') ?></div>
+    </div>
     <?php foreach($transactions as $transaction):
       $send = $transaction['type'] == 'send';
       $balance = $transaction['balance'];
@@ -47,39 +49,43 @@ $this->assign('header', $header);
         $cellColorClass = 'grd-orange-color';
       }
     ?>
-      <div class="cell">
-        <?= $this->Html->image('50x50.png', ['class' => 'profile-img', 'alt' => 'profile image']) ?>
-        <?php if(isset($transaction['email']) && $transaction['email'] != ''): ?>
-        <a href="mailto:<?= $transaction['email'] ?>" title="<?= $transaction['email'] ?>">
-          <small class="tx-email"><?= $transaction['name'] ?></small>
-        </a>
+      <div class="row">
+        <div class="cell c4">
+          <?= $this->Html->image('50x50.png', ['class' => 'profile-img', 'alt' => 'profile image']) ?>
+          <div>
+            <?php if(isset($transaction['email']) && $transaction['email'] != ''): ?>
+            <a href="mailto:<?= $transaction['email'] ?>" title="<?= $transaction['email'] ?>">
+              <small class="tx-email"><?= $transaction['name'] ?></small>
+            </a>
+            <?php else : ?>
+            <small class="tx-email"><?= $transaction['name'] ?></small>
+            <?php endif; ?>
+            <span class=" <?= $cellColorClass ?>">
+              <?php if($transaction['type'] == 'creation') : ?>
+              <i class="material-icons-outlined grd-orange-color">redeem</i>
+                <?= __('Geschöpft')?>
+              <?php elseif($transaction['type'] == 'send') : ?>
+              <i class="material-icons-outlined">arrow_right_alt</i>
+                <?= __('Gesendet') ?>
+              <?php elseif($transaction['type'] == 'receive') : ?>
+              <i class="material-icons-outlined">arrow_left_alt</i>
+                <?= __('Empfangen') ?>
+              <?php endif; ?>
+            </span>
+          </div>
+        </div>
+        <div class="cell c0" data-toggle="tooltip" data-placement="bottom" title="<?= $transaction['memo'] ?>">
+        <?php if(strlen($transaction['memo']) > 30): ?>
+          <?= substr($memoShort, 0, 30) . '...' ?>
         <?php else : ?>
-        <small class="tx-email"><?= $transaction['name'] ?></small>
-        <?php endif; ?>
-        <span class=" <?= $cellColorClass ?>">
-          <?php if($transaction['type'] == 'creation') : ?>
-          <i class="material-icons-outlined grd-orange-color">create</i>
-            <?= __('Geschöpft')?>
-          <?php elseif($transaction['type'] == 'send') : ?>
-          <i class="material-icons-outlined">arrow_right_alt</i>
-            <?= __('Gesendet') ?>
-          <?php elseif($transaction['type'] == 'receive') : ?>
-          <i class="material-icons-outlined">arrow_left_alt</i>
-            <?= __('Empfangen') ?>
-          <?php endif; ?>
-        </span>
-      </div>
-      <div class="cell" data-toggle="tooltip" data-placement="bottom" title="<?= $transaction['memo'] ?>">
-      <?php if(strlen($transaction['memo']) > 30): ?>
-        <?= substr($memoShort, 0, 30) . '...' ?>
-      <?php else : ?>
-        <?= $transaction['memo'] ?>
-      <?php endif;?>
-      </div>
-      <div class="cell"><?= $transaction['date']->nice() ?></div>
-      <div class="cell"><?= $this->element('printGradido', ['number' => $balance]) ?></div>
-      <div class="cell">
-        <?= $transaction['transaction_id'] ?>
+          <?= $transaction['memo'] ?>
+        <?php endif;?>
+        </div>
+        <div class="cell c2"><?= $transaction['date']->nice() ?></div>
+        <div class="cell c2"><?= $this->element('printGradido', ['number' => $balance]) ?></div>
+        <div class="cell c1">
+          <?= $transaction['transaction_id'] ?>
+        </div>
       </div>
     <?php endforeach; ?>
   </div>
diff --git a/src/Template/StateBalances/view.ctp b/src/Template/StateBalances/view.ctp
index fe7521ac0..e5f8901dd 100644
--- a/src/Template/StateBalances/view.ctp
+++ b/src/Template/StateBalances/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateBalance $stateBalance
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Balance'), ['action' => 'edit', $stateBalance->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Balance'), ['action' => 'delete', $stateBalance->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateBalance->id)]) ?> </li>
diff --git a/src/Template/StateCreated/add.ctp b/src/Template/StateCreated/add.ctp
index 9fd33201b..c66cf83f3 100644
--- a/src/Template/StateCreated/add.ctp
+++ b/src/Template/StateCreated/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateCreated $stateCreated
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Created'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateCreated/edit.ctp b/src/Template/StateCreated/edit.ctp
index 1eb7938b0..be1ef330b 100644
--- a/src/Template/StateCreated/edit.ctp
+++ b/src/Template/StateCreated/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateCreated $stateCreated
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateCreated/index.ctp b/src/Template/StateCreated/index.ctp
index cacf93ec2..116d5b8ec 100644
--- a/src/Template/StateCreated/index.ctp
+++ b/src/Template/StateCreated/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateCreated[]|\Cake\Collection\CollectionInterface $stateCreated
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Created'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateCreated/view.ctp b/src/Template/StateCreated/view.ctp
index e127f9f53..e0e9301ec 100644
--- a/src/Template/StateCreated/view.ctp
+++ b/src/Template/StateCreated/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateCreated $stateCreated
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Created'), ['action' => 'edit', $stateCreated->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Created'), ['action' => 'delete', $stateCreated->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateCreated->id)]) ?> </li>
diff --git a/src/Template/StateErrors/add.ctp b/src/Template/StateErrors/add.ctp
index 43aa22154..24d095b90 100644
--- a/src/Template/StateErrors/add.ctp
+++ b/src/Template/StateErrors/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateError $stateError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Errors'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateErrors/edit.ctp b/src/Template/StateErrors/edit.ctp
index 5b5e3f52f..795b6c7dd 100644
--- a/src/Template/StateErrors/edit.ctp
+++ b/src/Template/StateErrors/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateError $stateError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateErrors/index.ctp b/src/Template/StateErrors/index.ctp
index 39894215d..2e252ccb5 100644
--- a/src/Template/StateErrors/index.ctp
+++ b/src/Template/StateErrors/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateError[]|\Cake\Collection\CollectionInterface $stateErrors
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Error'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['controller' => 'StateUsers', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateErrors/view.ctp b/src/Template/StateErrors/view.ctp
index 5e737afa7..c2913d306 100644
--- a/src/Template/StateErrors/view.ctp
+++ b/src/Template/StateErrors/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateError $stateError
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Error'), ['action' => 'edit', $stateError->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Error'), ['action' => 'delete', $stateError->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateError->id)]) ?> </li>
diff --git a/src/Template/StateGroupAddresses/add.ctp b/src/Template/StateGroupAddresses/add.ctp
index 0b085662a..f9eba953a 100644
--- a/src/Template/StateGroupAddresses/add.ctp
+++ b/src/Template/StateGroupAddresses/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupAddress $stateGroupAddress
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Group Addresses'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateGroupAddresses/edit.ctp b/src/Template/StateGroupAddresses/edit.ctp
index c0e87a9e1..46107779b 100644
--- a/src/Template/StateGroupAddresses/edit.ctp
+++ b/src/Template/StateGroupAddresses/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupAddress $stateGroupAddress
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateGroupAddresses/index.ctp b/src/Template/StateGroupAddresses/index.ctp
index 8d7d9a3db..e149e2382 100644
--- a/src/Template/StateGroupAddresses/index.ctp
+++ b/src/Template/StateGroupAddresses/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupAddress[]|\Cake\Collection\CollectionInterface $stateGroupAddresses
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Group Address'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateGroupAddresses/view.ctp b/src/Template/StateGroupAddresses/view.ctp
index 553942bd6..848a6476f 100644
--- a/src/Template/StateGroupAddresses/view.ctp
+++ b/src/Template/StateGroupAddresses/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupAddress $stateGroupAddress
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Group Address'), ['action' => 'edit', $stateGroupAddress->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Group Address'), ['action' => 'delete', $stateGroupAddress->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateGroupAddress->id)]) ?> </li>
diff --git a/src/Template/StateGroupRelationships/add.ctp b/src/Template/StateGroupRelationships/add.ctp
index 09c7a0c41..39eb550e8 100644
--- a/src/Template/StateGroupRelationships/add.ctp
+++ b/src/Template/StateGroupRelationships/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupRelationship $stateGroupRelationship
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Group Relationships'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/StateGroupRelationships/edit.ctp b/src/Template/StateGroupRelationships/edit.ctp
index f696dfddf..55bcc6afe 100644
--- a/src/Template/StateGroupRelationships/edit.ctp
+++ b/src/Template/StateGroupRelationships/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupRelationship $stateGroupRelationship
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateGroupRelationships/index.ctp b/src/Template/StateGroupRelationships/index.ctp
index 02a6a82dc..ee731e8c7 100644
--- a/src/Template/StateGroupRelationships/index.ctp
+++ b/src/Template/StateGroupRelationships/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupRelationship[]|\Cake\Collection\CollectionInterface $stateGroupRelationships
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Group Relationship'), ['action' => 'add']) ?></li>
     </ul>
diff --git a/src/Template/StateGroupRelationships/view.ctp b/src/Template/StateGroupRelationships/view.ctp
index 5272c2ba5..de871dc77 100644
--- a/src/Template/StateGroupRelationships/view.ctp
+++ b/src/Template/StateGroupRelationships/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroupRelationship $stateGroupRelationship
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Group Relationship'), ['action' => 'edit', $stateGroupRelationship->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Group Relationship'), ['action' => 'delete', $stateGroupRelationship->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateGroupRelationship->id)]) ?> </li>
diff --git a/src/Template/StateGroups/add.ctp b/src/Template/StateGroups/add.ctp
index c26f7646b..e71480593 100644
--- a/src/Template/StateGroups/add.ctp
+++ b/src/Template/StateGroups/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroup $stateGroup
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Group Addresses'), ['controller' => 'StateGroupAddresses', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateGroups/edit.ctp b/src/Template/StateGroups/edit.ctp
index 2a86e827c..93b35256b 100644
--- a/src/Template/StateGroups/edit.ctp
+++ b/src/Template/StateGroups/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroup $stateGroup
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateGroups/index.ctp b/src/Template/StateGroups/index.ctp
index af4305153..5881bb99a 100644
--- a/src/Template/StateGroups/index.ctp
+++ b/src/Template/StateGroups/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroup[]|\Cake\Collection\CollectionInterface $stateGroups
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Group'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Group Addresses'), ['controller' => 'StateGroupAddresses', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateGroups/view.ctp b/src/Template/StateGroups/view.ctp
index bf6eb00aa..0ecb27009 100644
--- a/src/Template/StateGroups/view.ctp
+++ b/src/Template/StateGroups/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateGroup $stateGroup
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Group'), ['action' => 'edit', $stateGroup->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Group'), ['action' => 'delete', $stateGroup->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateGroup->id)]) ?> </li>
diff --git a/src/Template/StateRelationshipTypes/add.ctp b/src/Template/StateRelationshipTypes/add.ctp
index acb6efd11..5eb7c3b4f 100644
--- a/src/Template/StateRelationshipTypes/add.ctp
+++ b/src/Template/StateRelationshipTypes/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateRelationshipType $stateRelationshipType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Relationship Types'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/StateRelationshipTypes/edit.ctp b/src/Template/StateRelationshipTypes/edit.ctp
index e7b630a09..96ef4ba88 100644
--- a/src/Template/StateRelationshipTypes/edit.ctp
+++ b/src/Template/StateRelationshipTypes/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateRelationshipType $stateRelationshipType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateRelationshipTypes/index.ctp b/src/Template/StateRelationshipTypes/index.ctp
index 9ba238665..076bb4246 100644
--- a/src/Template/StateRelationshipTypes/index.ctp
+++ b/src/Template/StateRelationshipTypes/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateRelationshipType[]|\Cake\Collection\CollectionInterface $stateRelationshipTypes
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State Relationship Type'), ['action' => 'add']) ?></li>
     </ul>
diff --git a/src/Template/StateRelationshipTypes/view.ctp b/src/Template/StateRelationshipTypes/view.ctp
index bb9615797..5d745a0df 100644
--- a/src/Template/StateRelationshipTypes/view.ctp
+++ b/src/Template/StateRelationshipTypes/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateRelationshipType $stateRelationshipType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State Relationship Type'), ['action' => 'edit', $stateRelationshipType->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State Relationship Type'), ['action' => 'delete', $stateRelationshipType->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateRelationshipType->id)]) ?> </li>
diff --git a/src/Template/StateUsers/add.ctp b/src/Template/StateUsers/add.ctp
index d1dbbe81c..a810bc9d5 100644
--- a/src/Template/StateUsers/add.ctp
+++ b/src/Template/StateUsers/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateUser $stateUser
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List State Users'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateUsers/edit.ctp b/src/Template/StateUsers/edit.ctp
index aea4f9a5d..a959cf040 100644
--- a/src/Template/StateUsers/edit.ctp
+++ b/src/Template/StateUsers/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateUser $stateUser
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/StateUsers/index.ctp b/src/Template/StateUsers/index.ctp
index 4eb9a038f..78a57a22f 100644
--- a/src/Template/StateUsers/index.ctp
+++ b/src/Template/StateUsers/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\StateUser[]|\Cake\Collection\CollectionInterface $stateUsers
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New State User'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
diff --git a/src/Template/StateUsers/view.ctp b/src/Template/StateUsers/view.ctp
index 8f67ff8ba..341ba1261 100644
--- a/src/Template/StateUsers/view.ctp
+++ b/src/Template/StateUsers/view.ctp
@@ -5,7 +5,7 @@
  */
 ?>
 <nav class="large-2 medium-3 columns" id="actions-sidebar">
-    <ul class="side-nav">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit State User'), ['action' => 'edit', $stateUser->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete State User'), ['action' => 'delete', $stateUser->id], ['confirm' => __('Are you sure you want to delete # {0}?', $stateUser->id)]) ?> </li>
diff --git a/src/Template/TransactionCreations/add.ctp b/src/Template/TransactionCreations/add.ctp
index 228410d3c..dfe34be56 100644
--- a/src/Template/TransactionCreations/add.ctp
+++ b/src/Template/TransactionCreations/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionCreation $transactionCreation
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Creations'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionCreations/edit.ctp b/src/Template/TransactionCreations/edit.ctp
index cb861a084..85b7704be 100644
--- a/src/Template/TransactionCreations/edit.ctp
+++ b/src/Template/TransactionCreations/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionCreation $transactionCreation
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionCreations/index.ctp b/src/Template/TransactionCreations/index.ctp
index 8c67792e0..6964bd582 100644
--- a/src/Template/TransactionCreations/index.ctp
+++ b/src/Template/TransactionCreations/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionCreation[]|\Cake\Collection\CollectionInterface $transactionCreations
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Creation'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionCreations/view.ctp b/src/Template/TransactionCreations/view.ctp
index bee12387d..a51312674 100644
--- a/src/Template/TransactionCreations/view.ctp
+++ b/src/Template/TransactionCreations/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionCreation $transactionCreation
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Creation'), ['action' => 'edit', $transactionCreation->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Creation'), ['action' => 'delete', $transactionCreation->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionCreation->id)]) ?> </li>
diff --git a/src/Template/TransactionGroupAddaddress/add.ctp b/src/Template/TransactionGroupAddaddress/add.ctp
index a5be64109..21fa1bea7 100644
--- a/src/Template/TransactionGroupAddaddress/add.ctp
+++ b/src/Template/TransactionGroupAddaddress/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAddaddres $transactionGroupAddaddres
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Group Addaddress'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupAddaddress/edit.ctp b/src/Template/TransactionGroupAddaddress/edit.ctp
index 3be65225f..e9d7c318a 100644
--- a/src/Template/TransactionGroupAddaddress/edit.ctp
+++ b/src/Template/TransactionGroupAddaddress/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAddaddres $transactionGroupAddaddres
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionGroupAddaddress/index.ctp b/src/Template/TransactionGroupAddaddress/index.ctp
index 6a50f3ac6..8ddbd56fa 100644
--- a/src/Template/TransactionGroupAddaddress/index.ctp
+++ b/src/Template/TransactionGroupAddaddress/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAddaddres[]|\Cake\Collection\CollectionInterface $transactionGroupAddaddress
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Group Addaddres'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupAddaddress/view.ctp b/src/Template/TransactionGroupAddaddress/view.ctp
index 8acc8d0c5..8401780e7 100644
--- a/src/Template/TransactionGroupAddaddress/view.ctp
+++ b/src/Template/TransactionGroupAddaddress/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAddaddres $transactionGroupAddaddres
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Group Addaddres'), ['action' => 'edit', $transactionGroupAddaddres->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Group Addaddres'), ['action' => 'delete', $transactionGroupAddaddres->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionGroupAddaddres->id)]) ?> </li>
diff --git a/src/Template/TransactionGroupAllowtrades/add.ctp b/src/Template/TransactionGroupAllowtrades/add.ctp
index fa09b951f..7e29efc24 100644
--- a/src/Template/TransactionGroupAllowtrades/add.ctp
+++ b/src/Template/TransactionGroupAllowtrades/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAllowtrade $transactionGroupAllowtrade
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Group Allowtrades'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupAllowtrades/edit.ctp b/src/Template/TransactionGroupAllowtrades/edit.ctp
index 28b6c43fa..500241331 100644
--- a/src/Template/TransactionGroupAllowtrades/edit.ctp
+++ b/src/Template/TransactionGroupAllowtrades/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAllowtrade $transactionGroupAllowtrade
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionGroupAllowtrades/index.ctp b/src/Template/TransactionGroupAllowtrades/index.ctp
index 99eb5d3c1..c63b7f712 100644
--- a/src/Template/TransactionGroupAllowtrades/index.ctp
+++ b/src/Template/TransactionGroupAllowtrades/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAllowtrade[]|\Cake\Collection\CollectionInterface $transactionGroupAllowtrades
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Group Allowtrade'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupAllowtrades/view.ctp b/src/Template/TransactionGroupAllowtrades/view.ctp
index c4cdc84c4..7a6a36f5a 100644
--- a/src/Template/TransactionGroupAllowtrades/view.ctp
+++ b/src/Template/TransactionGroupAllowtrades/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupAllowtrade $transactionGroupAllowtrade
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Group Allowtrade'), ['action' => 'edit', $transactionGroupAllowtrade->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Group Allowtrade'), ['action' => 'delete', $transactionGroupAllowtrade->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionGroupAllowtrade->id)]) ?> </li>
diff --git a/src/Template/TransactionGroupCreates/add.ctp b/src/Template/TransactionGroupCreates/add.ctp
index a28936ba3..6e6174eb4 100644
--- a/src/Template/TransactionGroupCreates/add.ctp
+++ b/src/Template/TransactionGroupCreates/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupCreate $transactionGroupCreate
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Group Creates'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupCreates/edit.ctp b/src/Template/TransactionGroupCreates/edit.ctp
index 0d2f1ee36..d1890afca 100644
--- a/src/Template/TransactionGroupCreates/edit.ctp
+++ b/src/Template/TransactionGroupCreates/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupCreate $transactionGroupCreate
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionGroupCreates/index.ctp b/src/Template/TransactionGroupCreates/index.ctp
index 42cfab422..9aa6e0e6c 100644
--- a/src/Template/TransactionGroupCreates/index.ctp
+++ b/src/Template/TransactionGroupCreates/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupCreate[]|\Cake\Collection\CollectionInterface $transactionGroupCreates
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Group Create'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionGroupCreates/view.ctp b/src/Template/TransactionGroupCreates/view.ctp
index 4fdf81aa2..c774f8bc3 100644
--- a/src/Template/TransactionGroupCreates/view.ctp
+++ b/src/Template/TransactionGroupCreates/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionGroupCreate $transactionGroupCreate
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Group Create'), ['action' => 'edit', $transactionGroupCreate->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Group Create'), ['action' => 'delete', $transactionGroupCreate->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionGroupCreate->id)]) ?> </li>
diff --git a/src/Template/TransactionSendCoins/add.ctp b/src/Template/TransactionSendCoins/add.ctp
index 8a9c3f69e..8b5a757c4 100644
--- a/src/Template/TransactionSendCoins/add.ctp
+++ b/src/Template/TransactionSendCoins/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSendCoin $transactionSendCoin
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Send Coins'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionSendCoins/edit.ctp b/src/Template/TransactionSendCoins/edit.ctp
index 882ab14e3..61a6841fe 100644
--- a/src/Template/TransactionSendCoins/edit.ctp
+++ b/src/Template/TransactionSendCoins/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSendCoin $transactionSendCoin
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionSendCoins/index.ctp b/src/Template/TransactionSendCoins/index.ctp
index 7d7b36f86..c3b279186 100644
--- a/src/Template/TransactionSendCoins/index.ctp
+++ b/src/Template/TransactionSendCoins/index.ctp
@@ -4,9 +4,9 @@
  * @var \App\Model\Entity\TransactionSendCoin[]|\Cake\Collection\CollectionInterface $transactionSendCoins
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
+<nav id="actions-sidebar">
     index.ctp
-    <ul class="side-nav">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Send Coin'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionSendCoins/view.ctp b/src/Template/TransactionSendCoins/view.ctp
index b947a8aff..322621942 100644
--- a/src/Template/TransactionSendCoins/view.ctp
+++ b/src/Template/TransactionSendCoins/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSendCoin $transactionSendCoin
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Send Coin'), ['action' => 'edit', $transactionSendCoin->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Send Coin'), ['action' => 'delete', $transactionSendCoin->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionSendCoin->id)]) ?> </li>
diff --git a/src/Template/TransactionSignatures/add.ctp b/src/Template/TransactionSignatures/add.ctp
index 1adbdcc4e..752389cd7 100644
--- a/src/Template/TransactionSignatures/add.ctp
+++ b/src/Template/TransactionSignatures/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSignature $transactionSignature
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Signatures'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionSignatures/edit.ctp b/src/Template/TransactionSignatures/edit.ctp
index 3783167b2..68143712b 100644
--- a/src/Template/TransactionSignatures/edit.ctp
+++ b/src/Template/TransactionSignatures/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSignature $transactionSignature
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionSignatures/index.ctp b/src/Template/TransactionSignatures/index.ctp
index d660247b3..30ae7da07 100644
--- a/src/Template/TransactionSignatures/index.ctp
+++ b/src/Template/TransactionSignatures/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSignature[]|\Cake\Collection\CollectionInterface $transactionSignatures
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Signature'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionSignatures/view.ctp b/src/Template/TransactionSignatures/view.ctp
index 12f0c8ad1..681198125 100644
--- a/src/Template/TransactionSignatures/view.ctp
+++ b/src/Template/TransactionSignatures/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionSignature $transactionSignature
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Signature'), ['action' => 'edit', $transactionSignature->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Signature'), ['action' => 'delete', $transactionSignature->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionSignature->id)]) ?> </li>
diff --git a/src/Template/TransactionTypes/add.ctp b/src/Template/TransactionTypes/add.ctp
index 1a23a5436..97de82122 100644
--- a/src/Template/TransactionTypes/add.ctp
+++ b/src/Template/TransactionTypes/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionType $transactionType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transaction Types'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionTypes/edit.ctp b/src/Template/TransactionTypes/edit.ctp
index c9b27219c..421184b55 100644
--- a/src/Template/TransactionTypes/edit.ctp
+++ b/src/Template/TransactionTypes/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionType $transactionType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/TransactionTypes/index.ctp b/src/Template/TransactionTypes/index.ctp
index c7c2194e1..bbf21c3ee 100644
--- a/src/Template/TransactionTypes/index.ctp
+++ b/src/Template/TransactionTypes/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionType[]|\Cake\Collection\CollectionInterface $transactionTypes
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction Type'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['controller' => 'Transactions', 'action' => 'index']) ?></li>
diff --git a/src/Template/TransactionTypes/view.ctp b/src/Template/TransactionTypes/view.ctp
index b0d82510c..3da64f7e3 100644
--- a/src/Template/TransactionTypes/view.ctp
+++ b/src/Template/TransactionTypes/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\TransactionType $transactionType
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction Type'), ['action' => 'edit', $transactionType->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction Type'), ['action' => 'delete', $transactionType->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transactionType->id)]) ?> </li>
diff --git a/src/Template/Transactions/add.ctp b/src/Template/Transactions/add.ctp
index 31b0cb525..59782d944 100644
--- a/src/Template/Transactions/add.ctp
+++ b/src/Template/Transactions/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Transaction $transaction
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Transactions'), ['action' => 'index']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
diff --git a/src/Template/Transactions/edit.ctp b/src/Template/Transactions/edit.ctp
index 38421dc03..4085a60c4 100644
--- a/src/Template/Transactions/edit.ctp
+++ b/src/Template/Transactions/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Transaction $transaction
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/Transactions/index.ctp b/src/Template/Transactions/index.ctp
index 5cfeda854..9294fc25b 100644
--- a/src/Template/Transactions/index.ctp
+++ b/src/Template/Transactions/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Transaction[]|\Cake\Collection\CollectionInterface $transactions
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New Transaction'), ['action' => 'add']) ?></li>
         <li><?= $this->Html->link(__('List State Groups'), ['controller' => 'StateGroups', 'action' => 'index']) ?></li>
@@ -28,31 +28,21 @@
         <li><?= $this->Html->link(__('New Transaction Signature'), ['controller' => 'TransactionSignatures', 'action' => 'add']) ?></li>
     </ul>
 </nav>
-<div class="transactions index large-9 medium-8 columns content">
-    <h3><?= __('Transactions') ?></h3>
-    <table cellpadding="0" cellspacing="0" style="table-layout: auto">
-        <thead>
-            <tr>
-                <th scope="col"><?= $this->Paginator->sort('id') ?></th>
-                <th scope="col"><?= $this->Paginator->sort('memo') ?></th>
-                <th scope="col"><?= $this->Paginator->sort('transaction_type_id') ?></th>
-                <th scope="col"><?= $this->Paginator->sort('received') ?></th>
-                
-            </tr>
-        </thead>
-        <tbody>
-            <?php foreach ($transactions as $transaction): ?>
-            <tr>
-                <td><?= $this->Number->format($transaction->id) ?></td>
-                <td><?= h($transaction->memo) ?></td>
-                <td><?= $transaction->has('transaction_type') ? $this->Html->link(__($transaction->transaction_type->name), ['controller' => 'TransactionTypes', 'action' => 'view', $transaction->transaction_type->id]) : '' ?></td>
-                <td><?= h($transaction->received) ?></td>
-            </tr>
-            <?php endforeach; ?>
-        </tbody>
-    </table>
+<div class="content-list transactions">
+    <div class="content-list-table transactions">
+        <div class="cell header-cell"><?= $this->Paginator->sort('id') ?></div>
+        <div class="cell header-cell"><?= $this->Paginator->sort('memo') ?></div>
+        <div class="cell header-cell"><?= $this->Paginator->sort('transaction_type_id') ?></div>
+        <div class="cell header-cell"><?= $this->Paginator->sort('received') ?></div>
+        <?php foreach ($transactions as $transaction): ?>
+            <div class="cell"><?= $this->Number->format($transaction->id) ?></div>
+            <div class="cell"><?= h($transaction->memo) ?></div>
+            <div class="cell"><?= $transaction->has('transaction_type') ? $this->Html->link(__($transaction->transaction_type->name), ['controller' => 'TransactionTypes', 'action' => 'view', $transaction->transaction_type->id]) : '' ?></div>
+            <div class="cell"><?= h($transaction->received) ?></div>
+        <?php endforeach; ?>
+    </div>
     <div class="paginator">
-        <ul class="pagination">
+        <ul class="nav-horizontal pagination">
             <?= $this->Paginator->first('<< ' . __('first')) ?>
             <?= $this->Paginator->prev('< ' . __('previous')) ?>
             <?= $this->Paginator->numbers() ?>
diff --git a/src/Template/Transactions/view.ctp b/src/Template/Transactions/view.ctp
index d8a214194..e15b9dbe3 100644
--- a/src/Template/Transactions/view.ctp
+++ b/src/Template/Transactions/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\Transaction $transaction
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit Transaction'), ['action' => 'edit', $transaction->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete Transaction'), ['action' => 'delete', $transaction->id], ['confirm' => __('Are you sure you want to delete # {0}?', $transaction->id)]) ?> </li>
diff --git a/src/Template/Users/add.ctp b/src/Template/Users/add.ctp
index 3b2b23c02..6f67f02e6 100644
--- a/src/Template/Users/add.ctp
+++ b/src/Template/Users/add.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\User $user
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('List Users'), ['action' => 'index']) ?></li>
     </ul>
diff --git a/src/Template/Users/edit.ctp b/src/Template/Users/edit.ctp
index 8595ed620..681eacd36 100644
--- a/src/Template/Users/edit.ctp
+++ b/src/Template/Users/edit.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\User $user
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Form->postLink(
                 __('Delete'),
diff --git a/src/Template/Users/index.ctp b/src/Template/Users/index.ctp
index 983dd1c1e..cb49cec28 100644
--- a/src/Template/Users/index.ctp
+++ b/src/Template/Users/index.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\User[]|\Cake\Collection\CollectionInterface $users
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('New User'), ['action' => 'add']) ?></li>
     </ul>
diff --git a/src/Template/Users/view.ctp b/src/Template/Users/view.ctp
index 009108887..d3a1e67cd 100644
--- a/src/Template/Users/view.ctp
+++ b/src/Template/Users/view.ctp
@@ -4,8 +4,8 @@
  * @var \App\Model\Entity\User $user
  */
 ?>
-<nav class="large-3 medium-4 columns" id="actions-sidebar">
-    <ul class="side-nav">
+<nav id="actions-sidebar">
+    <ul class="nav-horizontal nav-smaller">
         <li class="heading"><?= __('Actions') ?></li>
         <li><?= $this->Html->link(__('Edit User'), ['action' => 'edit', $user->id]) ?> </li>
         <li><?= $this->Form->postLink(__('Delete User'), ['action' => 'delete', $user->id], ['confirm' => __('Are you sure you want to delete # {0}?', $user->id)]) ?> </li>
diff --git a/webroot/css/grd_styles.css b/webroot/css/grd_styles.css
index a0482db03..e61177a65 100644
--- a/webroot/css/grd_styles.css
+++ b/webroot/css/grd_styles.css
@@ -356,13 +356,33 @@
   .nav-horizontal {
     display: flex;
     flex-direction: row;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     justify-content: center;
     align-items: flex-end;
     list-style-type: none;
     gap: 5%;
     padding: 1em;
   }
+  .nav-top-smaller {
+    margin: 0;
+    padding: 0;
+  }
+  .nav-smaller {
+    justify-content: left;
+    align-items: flex-start;
+    gap: 0;
+    padding: 0;
+  }
+  .nav-smaller li {
+    padding: 0 !important;
+    padding: 0.2em 0.5em !important;
+    border: 1px solid #047006;
+    margin: 0.1em 0.3em;
+    border-radius: 12px;
+  }
+  .nav-smaller .heading {
+    font-weight: bold;
+  }
   .nav-vertical {
     margin-top: -2em;
   }
@@ -456,7 +476,7 @@
   .content-default {
     display: flex;
     justify-content: center;
-    padding-top: 50px;
+    max-width: 90%;
   }
   .content {
     display: flex;
@@ -497,9 +517,6 @@
     border: 1px solid rgba(238, 238, 238, 0.75);
     margin: 1em 0.25em;
   }
-  .content-default .content-container {
-    min-width: 800px;
-  }
   /* Top Info Above Main */
   .info-container {
     max-width: 70%;
@@ -532,66 +549,6 @@
   .info-item {
     border-left: 2px solid grey;
   }
-  /* List Content */
-  .content-list {
-    width: 100%;
-  }
-  .content-list-title {
-    font-size: 1rem;
-    margin: 0;
-    padding: 20px 25px;
-    color: #313131;
-  }
-  .content-list-table {
-    display: grid;
-    width: 100%;
-    overflow: auto;
-    font-size: 16px;
-    color: #212529;
-  }
-  .cell {
-    padding: 1em 1.5em;
-  }
-  .header-cell {
-    border-top: 1px solid #f2f4f9;
-    background-color: #fafafa;
-    color: #101010;
-  }
-  .content-list-table img,
-  .content-list-table i {
-    vertical-align: middle;
-  }
-  .content-list-table > span {
-    font-size: 0.8em;
-    padding: 0.5em 2em;
-    vertical-align: middle;
-  }
-  /* Individual Tables */
-  .wiretransfer {
-    grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
-  }
-  .error-list {
-    grid-template-columns: 2fr 2fr 5fr 1fr;
-  }
-  .profile-img {
-    width: 30px;
-    height: 30px;
-    border-radius: 6px;
-    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-    overflow: hidden;
-    vertical-align: middle;
-    border-style: none;
-    box-sizing: border-box;
-  }
-  .tx-email {
-    cursor: pointer;
-    display: block;
-    color: #101010;
-  }
-  .small {
-    font-size: 80%;
-    font-weight: 400;
-  }
   /* OTHER */
   .info-item i,
   .info-item-link,
@@ -889,6 +846,111 @@ width: 80px;
 display: inline-block;
 }
 */
+/* ============================================================
+
+  Screen styles for lists.
+
+  Datei     :   list.css
+  Datum     :   2020-06-09
+  Autor     :   Christine Slotty
+  Copyright :   Gradio
+
+   ============================================================*/
+@media screen {
+  /* =========
+        LISTS
+       =========*/
+  /* List Content */
+  .content-list {
+    width: 100%;
+  }
+  .content-list-title {
+    font-size: 1rem;
+    margin: 0;
+    padding: 20px 25px;
+    color: #313131;
+  }
+  .content-list-table {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    overflow: auto;
+    font-size: 16px;
+    color: #212529;
+  }
+  .row {
+    display: flex;
+    width: 100%;
+  }
+  .cell {
+    display: flex;
+    align-items: center;
+    padding: 1em 1.5em;
+  }
+  .c0 {
+    flex-grow: 5;
+  }
+  .c1 {
+    width: 80px;
+    flex: 0 0 80px;
+  }
+  .c2 {
+    width: 160px;
+    flex: 0 0 160px;
+  }
+  .c3 {
+    width: 240px;
+    flex: 0 0 240px;
+  }
+  .c4 {
+    width: 320px;
+    flex: 0 0 320px;
+  }
+  .header-cell {
+    border-top: 1px solid #f2f4f9;
+    background-color: #fafafa;
+    color: #101010;
+  }
+  .content-list-table img,
+  .content-list-table i {
+    vertical-align: middle;
+  }
+  .content-list-table > span {
+    font-size: 0.8em;
+    padding: 0.5em 2em;
+    vertical-align: middle;
+  }
+  /* Individual Tables */
+  .wiretransfer {
+    grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
+  }
+  .error-list {
+    grid-template-columns: 2fr 2fr 5fr 1fr;
+  }
+  .transactions {
+    grid-template-columns: 1fr 4fr 2fr 2fr;
+  }
+  .profile-img {
+    width: 30px;
+    height: 30px;
+    border-radius: 6px;
+    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+    border-style: none;
+    box-sizing: border-box;
+    margin-right: 40px;
+  }
+  .tx-email {
+    cursor: pointer;
+    display: block;
+    color: #101010;
+    font-weight: 400;
+  }
+  .small {
+    font-size: 80%;
+    font-weight: 400;
+  }
+}
 /*
 To change this license header, choose License Headers in Project Properties.
 To change this template file, choose Tools | Templates
diff --git a/websrc/src/less-files.css b/websrc/src/less-files.css
index a0482db03..e61177a65 100644
--- a/websrc/src/less-files.css
+++ b/websrc/src/less-files.css
@@ -356,13 +356,33 @@
   .nav-horizontal {
     display: flex;
     flex-direction: row;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     justify-content: center;
     align-items: flex-end;
     list-style-type: none;
     gap: 5%;
     padding: 1em;
   }
+  .nav-top-smaller {
+    margin: 0;
+    padding: 0;
+  }
+  .nav-smaller {
+    justify-content: left;
+    align-items: flex-start;
+    gap: 0;
+    padding: 0;
+  }
+  .nav-smaller li {
+    padding: 0 !important;
+    padding: 0.2em 0.5em !important;
+    border: 1px solid #047006;
+    margin: 0.1em 0.3em;
+    border-radius: 12px;
+  }
+  .nav-smaller .heading {
+    font-weight: bold;
+  }
   .nav-vertical {
     margin-top: -2em;
   }
@@ -456,7 +476,7 @@
   .content-default {
     display: flex;
     justify-content: center;
-    padding-top: 50px;
+    max-width: 90%;
   }
   .content {
     display: flex;
@@ -497,9 +517,6 @@
     border: 1px solid rgba(238, 238, 238, 0.75);
     margin: 1em 0.25em;
   }
-  .content-default .content-container {
-    min-width: 800px;
-  }
   /* Top Info Above Main */
   .info-container {
     max-width: 70%;
@@ -532,66 +549,6 @@
   .info-item {
     border-left: 2px solid grey;
   }
-  /* List Content */
-  .content-list {
-    width: 100%;
-  }
-  .content-list-title {
-    font-size: 1rem;
-    margin: 0;
-    padding: 20px 25px;
-    color: #313131;
-  }
-  .content-list-table {
-    display: grid;
-    width: 100%;
-    overflow: auto;
-    font-size: 16px;
-    color: #212529;
-  }
-  .cell {
-    padding: 1em 1.5em;
-  }
-  .header-cell {
-    border-top: 1px solid #f2f4f9;
-    background-color: #fafafa;
-    color: #101010;
-  }
-  .content-list-table img,
-  .content-list-table i {
-    vertical-align: middle;
-  }
-  .content-list-table > span {
-    font-size: 0.8em;
-    padding: 0.5em 2em;
-    vertical-align: middle;
-  }
-  /* Individual Tables */
-  .wiretransfer {
-    grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
-  }
-  .error-list {
-    grid-template-columns: 2fr 2fr 5fr 1fr;
-  }
-  .profile-img {
-    width: 30px;
-    height: 30px;
-    border-radius: 6px;
-    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-    overflow: hidden;
-    vertical-align: middle;
-    border-style: none;
-    box-sizing: border-box;
-  }
-  .tx-email {
-    cursor: pointer;
-    display: block;
-    color: #101010;
-  }
-  .small {
-    font-size: 80%;
-    font-weight: 400;
-  }
   /* OTHER */
   .info-item i,
   .info-item-link,
@@ -889,6 +846,111 @@ width: 80px;
 display: inline-block;
 }
 */
+/* ============================================================
+
+  Screen styles for lists.
+
+  Datei     :   list.css
+  Datum     :   2020-06-09
+  Autor     :   Christine Slotty
+  Copyright :   Gradio
+
+   ============================================================*/
+@media screen {
+  /* =========
+        LISTS
+       =========*/
+  /* List Content */
+  .content-list {
+    width: 100%;
+  }
+  .content-list-title {
+    font-size: 1rem;
+    margin: 0;
+    padding: 20px 25px;
+    color: #313131;
+  }
+  .content-list-table {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    overflow: auto;
+    font-size: 16px;
+    color: #212529;
+  }
+  .row {
+    display: flex;
+    width: 100%;
+  }
+  .cell {
+    display: flex;
+    align-items: center;
+    padding: 1em 1.5em;
+  }
+  .c0 {
+    flex-grow: 5;
+  }
+  .c1 {
+    width: 80px;
+    flex: 0 0 80px;
+  }
+  .c2 {
+    width: 160px;
+    flex: 0 0 160px;
+  }
+  .c3 {
+    width: 240px;
+    flex: 0 0 240px;
+  }
+  .c4 {
+    width: 320px;
+    flex: 0 0 320px;
+  }
+  .header-cell {
+    border-top: 1px solid #f2f4f9;
+    background-color: #fafafa;
+    color: #101010;
+  }
+  .content-list-table img,
+  .content-list-table i {
+    vertical-align: middle;
+  }
+  .content-list-table > span {
+    font-size: 0.8em;
+    padding: 0.5em 2em;
+    vertical-align: middle;
+  }
+  /* Individual Tables */
+  .wiretransfer {
+    grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
+  }
+  .error-list {
+    grid-template-columns: 2fr 2fr 5fr 1fr;
+  }
+  .transactions {
+    grid-template-columns: 1fr 4fr 2fr 2fr;
+  }
+  .profile-img {
+    width: 30px;
+    height: 30px;
+    border-radius: 6px;
+    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
+    overflow: hidden;
+    border-style: none;
+    box-sizing: border-box;
+    margin-right: 40px;
+  }
+  .tx-email {
+    cursor: pointer;
+    display: block;
+    color: #101010;
+    font-weight: 400;
+  }
+  .small {
+    font-size: 80%;
+    font-weight: 400;
+  }
+}
 /*
 To change this license header, choose License Headers in Project Properties.
 To change this template file, choose Tools | Templates
diff --git a/websrc/src/less/08-navi.less b/websrc/src/less/08-navi.less
index 943ac0fa4..fc363b042 100644
--- a/websrc/src/less/08-navi.less
+++ b/websrc/src/less/08-navi.less
@@ -175,7 +175,7 @@
   .nav-horizontal {
     display: flex;
     flex-direction: row;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     justify-content: center;
     align-items: flex-end;
     list-style-type: none;
@@ -183,6 +183,30 @@
     padding: 1em;
   }
 
+  .nav-top-smaller {
+    margin: 0;
+    padding: 0;
+  }
+
+  .nav-smaller {
+    justify-content: left;
+    align-items: flex-start;
+    gap: 0;
+    padding: 0;
+  }
+
+  .nav-smaller li {
+    padding: 0 !important;
+    padding: .2em .5em !important;
+    border: 1px solid @action-button-border;
+    margin: .1em .3em;
+    border-radius: 12px;
+  }
+
+  .nav-smaller .heading {
+    font-weight: bold;
+  }
+
   .nav-vertical {
     margin-top: -2em;
   }
diff --git a/websrc/src/less/10-center.less b/websrc/src/less/10-center.less
index c87bc313b..7be2e3383 100644
--- a/websrc/src/less/10-center.less
+++ b/websrc/src/less/10-center.less
@@ -16,7 +16,7 @@
   .content-default {
     display: flex;
     justify-content: center;
-    padding-top: 50px;
+    max-width: 90%;
   }
 
   .content {
@@ -71,7 +71,6 @@
   }
 
   .content-default .content-container {
-    min-width: 800px;
   }
 
   /* Top Info Above Main */
@@ -113,78 +112,6 @@
     border-left: 2px solid @info-item-border;
   }
 
-  /* List Content */
-  .content-list {
-    width: 100%;
-  }
-
-  .content-list-title {
-    font-size: 1rem;
-    margin: 0;
-    padding: 20px 25px;
-    color: @content-table-title;
-  }
-
-  .content-list-table {
-    display: grid;
-    width: 100%;
-    overflow: auto;
-    font-size: 16px;
-    color: #212529;
-  }
-
-  .cell {
-    padding: 1em 1.5em;
-  }
-
-  .header-cell {
-    border-top: 1px solid @content-table-header-border;
-    background-color: @content-table-header-bg;
-    color: @content-table-header;
-  }
-
-  .content-list-table img,
-  .content-list-table i {
-    vertical-align: middle;
-  }
-
-  .content-list-table > span {
-    font-size: .8em;
-    padding: .5em 2em;
-    vertical-align: middle;
-  }
-
-  /* Individual Tables */
-  .wiretransfer {
-    grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
-  }
-
-  .error-list {
-    grid-template-columns: 2fr 2fr 5fr 1fr;
-  }
-
-  .profile-img {
-    width: 30px;
-    height: 30px;
-    border-radius: 6px;
-    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
-    overflow: hidden;
-    vertical-align: middle;
-    border-style: none;
-    box-sizing: border-box;
-  }
-
-  .tx-email {
-    cursor: pointer;
-    display: block;
-    color: @content-table-header;
-  }
-
-  .small {
-    font-size: 80%;
-    font-weight: 400;
-  }
-
   /* OTHER */
   .info-item i,
   .info-item-link,
diff --git a/websrc/src/less/list.less b/websrc/src/less/list.less
new file mode 100644
index 000000000..094e4c3cd
--- /dev/null
+++ b/websrc/src/less/list.less
@@ -0,0 +1,126 @@
+/* ============================================================
+
+  Screen styles for lists.
+
+  Datei     :   list.css
+  Datum     :   2020-06-09
+  Autor     :   Christine Slotty
+  Copyright :   Gradio
+
+   ============================================================*/
+@media screen {
+
+    /* =========
+        LISTS
+       =========*/
+
+    /* List Content */
+    .content-list {
+        width: 100%;
+    }
+
+    .content-list-title {
+        font-size: 1rem;
+        margin: 0;
+        padding: 20px 25px;
+        color: @content-table-title;
+    }
+
+    .content-list-table {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        overflow: auto;
+        font-size: 16px;
+        color: #212529;
+    }
+
+    .row {
+        display: flex;
+        width: 100%;
+    }
+
+    .cell {
+        display: flex;
+        align-items: center;
+        padding: 1em 1.5em;
+    }
+
+    .c0 {
+        flex-grow: 5;
+    }
+
+    .c1 {
+        width: 80px;
+        flex: 0 0 80px;
+    }
+
+    .c2 {
+        width: 160px;
+        flex: 0 0 160px;
+    }
+
+    .c3 {
+        width: 240px;
+        flex: 0 0 240px;
+    }
+
+    .c4 {
+        width: 320px;
+        flex: 0 0 320px;
+    }
+
+    .header-cell {
+        border-top: 1px solid @content-table-header-border;
+        background-color: @content-table-header-bg;
+        color: @content-table-header;
+    }
+
+    .content-list-table img,
+    .content-list-table i {
+        vertical-align: middle;
+    }
+
+    .content-list-table > span {
+        font-size: .8em;
+        padding: .5em 2em;
+        vertical-align: middle;
+    }
+
+    /* Individual Tables */
+    .wiretransfer {
+        grid-template-columns: 5fr 4fr 3fr 2fr 1fr;
+    }
+
+    .error-list {
+        grid-template-columns: 2fr 2fr 5fr 1fr;
+    }
+
+    .transactions {
+        grid-template-columns: 1fr 4fr 2fr 2fr;
+    }
+
+    .profile-img {
+        width: 30px;
+        height: 30px;
+        border-radius: 6px;
+        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2);
+        overflow: hidden;
+        border-style: none;
+        box-sizing: border-box;
+        margin-right: 40px;
+    }
+
+    .tx-email {
+        cursor: pointer;
+        display: block;
+        color: @content-table-header;
+        font-weight: 400;
+    }
+
+    .small {
+        font-size: 80%;
+        font-weight: 400;
+    }
+
+}