From 1810edae93565d5340e724b4411520ea18e2b7e0 Mon Sep 17 00:00:00 2001
From: zotlabs <mike@macgirvin.com>
Date: Mon, 20 Nov 2017 16:05:24 -0800
Subject: more work theming the tile view

---
 Zotlabs/Thumbs/Text.php           |  2 +-
 view/theme/redbasic/css/style.css | 15 +++++++++++----
 view/tpl/cloud_directory.tpl      |  4 ++--
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/Zotlabs/Thumbs/Text.php b/Zotlabs/Thumbs/Text.php
index 86d788992..3ee7819bd 100644
--- a/Zotlabs/Thumbs/Text.php
+++ b/Zotlabs/Thumbs/Text.php
@@ -23,7 +23,7 @@ class Text {
 			$image = imagecreate($width,$height);
 			imagecolorallocate($image,255,255,255);
 			$colour = imagecolorallocate($image,0,0,0);
-			$border = imagecolorallocate($image,64,64,64);
+			$border = imagecolorallocate($image,208,208,208);
 
 			$x1 = 0; 
 			$y1 = 0; 
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index b3cd9c9f8..82687db17 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -105,9 +105,6 @@ a,
   color: $link_colour;
 }
 
-.cloud-icon.tiles i {
-	color: #aaa;
-}
 
 a:hover,
 a:focus,
@@ -1735,13 +1732,23 @@ dl.bb-dl > dd > li {
 	margin: 5px;
 }
 
+.cloud-icon-container {
+	width: 48px;
+	height: 48px;
+	border: 1px solid #eee;
+	border-radius: $radius;
+}
+
 .cloud-icon i {
-	font-size: 48px;
+	font-size: 32px;
+	color: #aaa;
+	margin-top: 8px;
 }
 
 .cloud-icon img {
 	width: 48px;
 	height: 48px;
+	border-radius: $radius;
 }
 
 .cloud-title {
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl
index a9840a0b8..88b6bf563 100644
--- a/view/tpl/cloud_directory.tpl
+++ b/view/tpl/cloud_directory.tpl
@@ -4,7 +4,7 @@
 	{{if $parentpath}}
 	<div class="cloud-container" >
 	<div class="cloud-icon tiles"><a href="{{$parentpath.path}}">
-	<i class="fa fa-fw fa-level-up" ></i>
+	<div class="cloud-icon-container"><i class="fa fa-fw fa-level-up" ></i></div>
 	</a>
 	</div>
 	<div class="cloud-title"><a href="{{$parentpath.path}}">..</a>
@@ -18,7 +18,7 @@
 	{{if $item.photo_icon}}
 	<img src="{{$item.photo_icon}}" title="{{$item.type}}" >
 	{{else}}
-	<i class="fa fa-fw {{$item.iconFromType}}" title="{{$item.type}}"></i>
+	<div class="cloud-icon-container"><i class="fa fa-fw {{$item.iconFromType}}" title="{{$item.type}}"></i></div>
 	{{/if}}
 	</a>
 	</div>
-- 
cgit v1.2.3