CSS mobile clean-up

3 files changed, 39 insertions, 16 deletions

diff --git a/app/view/templates/backtopbar.php b/app/view/templates/backtopbar.php
index d10d5da..e9266a6 100644
--- a/app/view/templates/backtopbar.php
+++ b/app/view/templates/backtopbar.php
@@ -1,6 +1,6 @@
 <header id="topbar">
 
-<span id="search">
+<span id="search" class="hidephone">
 <form action="<?= $this->url('search') ?>" method="post">
 <input type="text" list="searchdatalist" name="id" id="search" placeholder="page id" required <?= $tab !== 'edit' && !$user->isvisitor() ? 'autofocus' : '' ?>>
 <input type="submit" name="action" value="read">
@@ -22,17 +22,33 @@
 <?php if($user->iseditor()) { ?>
 
 <span id="menu">
-<a href="<?= $this->url('home') ?>" <?= $tab == 'home' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>home.png" alt="" class="icon">home</a>
-<a href="<?= $this->url('media') ?>" <?= $tab == 'media' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>media.png" alt="" class="icon">media</a>
-<a href="<?= $this->url('font') ?>" <?= $tab == 'font' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>font.png" alt="" class="icon">font</a>
+<a href="<?= $this->url('home') ?>" <?= $tab == 'home' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>home.png" alt="" class="icon">
+    <span class="hidephone">home</span>
+</a>
+<a href="<?= $this->url('media') ?>" <?= $tab == 'media' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>media.png" alt="" class="icon">
+    <span class="hidephone">media</span>
+</a>
+<a href="<?= $this->url('font') ?>" <?= $tab == 'font' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>font.png" alt="" class="icon">
+    <span class="hidephone">font</span>
+</a>
 <?php
 if($user->isadmin()) {
 ?>
-<a href="<?= $this->url('admin') ?>" <?= $tab == 'admin' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>admin.png" alt="" class="icon">admin</a>
+<a href="<?= $this->url('admin') ?>" <?= $tab == 'admin' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>admin.png" alt="" class="icon">
+    <span class="hidephone">admin</span>
+
+</a>
 <?php
 }
 ?>
-<a href="<?= $this->url('info') ?>"  <?= $tab == 'info' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>info.png" alt="" class="icon">info</a>
+<a href="<?= $this->url('info') ?>"  <?= $tab == 'info' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>info.png" alt="" class="icon">
+    <span class="hidephone">info</span>
+</a>
 </span>
 
 
@@ -58,8 +74,15 @@ if($user->isadmin()) {
 <?php } else { ?>  
 
 <span>
-<a href="<?= $this->url('timeline') ?>" <?= $tab == 'timeline' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>timeline.png" alt="" class="icon">timeline</a>
-<a href="<?= $this->url('user') ?>" <?= $tab == 'user' ? 'class="actualpage"' : '' ?>><img src="<?= Model::iconpath() ?>user.png" alt="" class="icon"><?= $user->id() ?></a> <i><?= $user->level() ?></i>
+<a href="<?= $this->url('timeline') ?>" <?= $tab == 'timeline' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>timeline.png" alt="" class="icon">
+    <span class="hidephone">timeline</span>
+</a>
+<a href="<?= $this->url('user') ?>" <?= $tab == 'user' ? 'class="actualpage"' : '' ?>>
+    <img src="<?= Model::iconpath() ?>user.png" alt="" class="icon">
+    <span class="hidephone"><?= $user->id() ?></span>
+</a>
+<i><?= $user->level() ?></i>
 </span>
 
 
diff --git a/app/view/templates/edittopbar.php b/app/view/templates/edittopbar.php
index 8d158d6..0f0c60a 100644
--- a/app/view/templates/edittopbar.php
+++ b/app/view/templates/edittopbar.php
@@ -21,18 +21,18 @@
     <span id="headid"><?= $page->id() ?></span>
     </span>
 
-<span id="fontsize">
+<span id="fontsize" class="hidephone">
     
     <label for="fontsize">Font-size</label>
     <input type="number" name="fontsize" value="<?= Config::fontsize() ?>" id="fontsize" min="5" max="99">
 </span>
 
-<span id="download">
+<span id="download" class="hidephone">
         <a href="<?= $this->upage('pagedownload', $page->id()) ?>"><img src="<?= Model::iconpath() ?>download.png" class="icon"><span class="text">download</span></a>
 </span>
 
 
-<span id="delete">
+<span id="delete" class="hidephone">
         <a href="<?= $this->upage('pageconfirmdelete', $page->id()) ?>"><span class="symbol">✖</span><span class="text">delete</span></a>
 </span>
 
diff --git a/app/view/templates/home.php b/app/view/templates/home.php
index f767b13..3c2db4d 100644
--- a/app/view/templates/home.php
+++ b/app/view/templates/home.php
@@ -29,20 +29,20 @@
 
             <div class="block">
 
-                <h2>Pages (<?= count($table2) ?>)</h2>
+                <h2 class="hidephone">Pages (<?= count($table2) ?>)</h2>
 
                 <div class="scroll">
 
                     <table id="home2table">
                         <thead>
                             <tr>
-                                <th>x</th>
+                                <th class="hidephone">x</th>
                                 <th><a href="<?= $opt->getadress('id') ?>">id</a></th>
                                 <th>edit</th>
                                 <th>see</th>
                                 <th class="delete" title="delete page">del</th>
                                 <?php if ($user->issupereditor()) { ?>
-                                <th class="download" title="download page as json">dl</th>
+                                <th class="download hidephone" title="download page as json">dl</th>
                                 <?php }
                                     if ($columns['tag']) { ?>
                                 <th class="tag"><a href="<?= $opt->getadress('tag') ?>">tag</a></th>
@@ -85,13 +85,13 @@
                         <tbody>
                             <?php foreach ($table2 as $item) { ?>
                             <tr>
-                                <td><input type="checkbox" name="id[]" value="<?= $item->id() ?>" id="id_<?= $item->id() ?>"></td>
+                                <td class="hidephone"><input type="checkbox" name="id[]" value="<?= $item->id() ?>" id="id_<?= $item->id() ?>"></td>
                                 <td><label title="<?= $item->title() ?>" for="id_<?= $item->id() ?>"><?= $item->id() ?></label></td>
                                 <td><a href="<?= $this->upage('pageedit', $item->id()) ?>"><img src="<?= Model::iconpath() ?>edit.png" class="icon"></a></td>
                                 <td><a href="<?= $this->upage('pageread/', $item->id()) ?>" target="_blank"><img src="<?= Model::iconpath() ?>read.png" class="icon"></a></td>
                                 <td class="delete"><a href="<?= $this->upage('pagedelete', $item->id()) ?>">✖</a></td>
                                 <?php if ($user->issupereditor()) { ?>
-                                <td><a href="<?= $this->upage('pagedownload', $item->id()) ?>" download><img src="<?= Model::iconpath() ?>download.png" class="icon"></a></td>
+                                <td class="hidephone"><a href="<?= $this->upage('pagedownload', $item->id()) ?>" download><img src="<?= Model::iconpath() ?>download.png" class="icon"></a></td>
                                 <?php }
                                         if ($columns['tag']) { ?>
                                 <td class="tag"><a title="<?= $item->tag('string') ?>"><?= $item->tag('sort') ?></a></td>