From 19f9f28a6220f97586c91979d08e5b3fd9a5bc72 Mon Sep 17 00:00:00 2001
From: Tom Needham <needham.thomas@gmail.com>
Date: Fri, 28 Aug 2015 15:35:57 +0200
Subject: Remove save and separators. Round container and bring to front

---
 css/style.css | 42 +++++++++++++++---------------------------
 1 file changed, 15 insertions(+), 27 deletions(-)

(limited to 'css')

diff --git a/css/style.css b/css/style.css
index dbafdfd..5ab901f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,6 +27,7 @@
 	height: 100%;
 	width: 100%;
 	overflow: hidden;
+	min-height: 440px;
 }
 
 #editor_wrap {
@@ -43,9 +44,10 @@
 	left: 15%;
 	width: 70%;
     height: 88%;
-    z-index:1002;
+    z-index:9999;
     overflow: hidden;
     background-color: #fff;
+	border-radius: 3px;
 }
 
 @media(max-width: 768px) {
@@ -59,11 +61,7 @@
 	}
 }
 
-#editor_save.icon-loading {
-	background-size: 20px;
-}
-
-#editor_save, #editor_next {
+#editor_next {
 	height: 44px;
 	border: none;
 	background-color: transparent;
@@ -73,24 +71,6 @@
 	padding: 5px 8px;
 }
 
-div.editor_separator {
-	background-color: #ddd;
-	width: 1px;
-	height: 24px;
-	display: block;
-	float: left;
-	margin: 10px 6px 0;
-}
-
-div.editor_separator.close_separator {
-	float: right;
-	margin-right: -1px !important;
-}
-
-div.editor_separator.save_separator {
-	margin-left: 9px !important;
-}
-
 #editor_close {
 	float: right;
 	width: 34px;
@@ -100,9 +80,10 @@ div.editor_separator.save_separator {
 	margin: 0 !important;
 	border-radius: 0;
 	right: 0;
+	opacity: 0.3;
 }
 
-#editor_close:hover, #editor_save:hover, #editor_next:hover {
+#editor_close:hover, #editor_next:hover {
 	background-color: #ddd;
 }
 
@@ -116,11 +97,12 @@ div.editor_separator.save_separator {
 	color: #555;
 	font-family: inherit;
 	font-size: 100%;
-	padding: 12px 4px 0 14px;
 	font-weight: bolder;
 	text-overflow: ellipsis;
+	padding: 12px 0 0 14px;
 	max-width: 218px;
 	overflow: hidden;
+	white-space: nowrap;
 }
 
 #editor_controls small.lastsaved {
@@ -128,7 +110,7 @@ div.editor_separator.save_separator {
 	color: #ccc;
 	font-family: inherit;
 	font-size: 90%;
-	padding: 13px 10px;
+	padding: 13px 0 13px 17px;
 	overflow: hidden;
 }
 
@@ -151,3 +133,9 @@ div.editor_separator.save_separator {
     opacity:.70;
     filter: alpha(opacity=70);
 }
+
+small.unsaved-star {
+	position:absolute;
+	padding: 9px 0 0 4px;
+	display: inline-block;
+}
-- 
cgit v1.2.3