css fix : ajust icon size in mobile view

3 files changed, 13 insertions, 3 deletions

diff --git a/app/view/templates/edittopbar.php b/app/view/templates/edittopbar.php
index 0f0c60a..6f4db36 100644
--- a/app/view/templates/edittopbar.php
+++ b/app/view/templates/edittopbar.php
@@ -17,7 +17,9 @@
 
 
 
-    <a href="<?= $this->upage('pageread/', $page->id()) ?>" target="_blank" ><img src="<?= Model::iconpath() ?>read.png" class="icon">display</a>
+    <a href="<?= $this->upage('pageread/', $page->id()) ?>" target="_blank" ><img src="<?= Model::iconpath() ?>read.png" class="icon">
+        <span class="hidephone">display</span>
+    </a>
     <span id="headid"><?= $page->id() ?></span>
     </span>
 
diff --git a/assets/css/edit.css b/assets/css/edit.css
index 6407876..640ee1a 100644
--- a/assets/css/edit.css
+++ b/assets/css/edit.css
@@ -115,7 +115,7 @@ body {
 	background-color: #dc8ad2;
 	left: 0px;
 	width: 100%;
-	height: calc(100% - 30px);
+	height: 100%;
 }
 
 .checkboxtab
@@ -242,7 +242,6 @@ a:hover {
     width: 100%;
     padding: 3px 0.5%;
     border-bottom: solid 1px dimgrey;
-    height: 25px;
 }
 
 #topbar form {
@@ -389,5 +388,10 @@ div#thumbnail img {
         display: none;
     }
 
+    img.icon {
+        height: 23px;
+    }
+    
+
 }
 
diff --git a/assets/css/home.css b/assets/css/home.css
index fa846e1..0e5e4a1 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -520,6 +520,10 @@ footer {
         max-width: 100%;
     }
 
+    img.icon {
+        height: 23px;
+    }
+
 }