From b89eb4f1e83489b2df89d7d2011380a552ad917c Mon Sep 17 00:00:00 2001
From: Ivanq <imachug@yandex.ru>
Date: Sun, 31 Dec 2017 18:01:54 +0300
Subject: [PATCH] Make button and style ':' sign

---
 plugins/Sidebar/SidebarPlugin.py  |  2 +-
 plugins/Sidebar/media/Sidebar.css | 42 ++++++++-----------------------
 plugins/Sidebar/media/all.css     | 42 ++++++++-----------------------
 3 files changed, 23 insertions(+), 63 deletions(-)

diff --git a/plugins/Sidebar/SidebarPlugin.py b/plugins/Sidebar/SidebarPlugin.py
index e23d322c..c13821d4 100644
--- a/plugins/Sidebar/SidebarPlugin.py
+++ b/plugins/Sidebar/SidebarPlugin.py
@@ -428,7 +428,7 @@ class UiWebsocketPlugin(object):
         body.append(_(u"""
              <div class='flex'>
               <input type='text' class='text' value="content.json" id='input-contents'/>
-              <span>
+              <span id='wrapper-sign-publish' class='button'>
                <a href='#Sign-and-Publish' id='button-sign-publish'>{_[Sign and publish]}</a>
                <a href='#Sign-and-Publish' id='menu-sign-publish'>\u22EE</a>
               </span>
diff --git a/plugins/Sidebar/media/Sidebar.css b/plugins/Sidebar/media/Sidebar.css
index 9faa0da2..04377111 100644
--- a/plugins/Sidebar/media/Sidebar.css
+++ b/plugins/Sidebar/media/Sidebar.css
@@ -124,40 +124,20 @@
 .contents a { color: white }
 .contents a:active { background-color: #6B6B6B }
 
-.sign-publish-flex {
-	padding-bottom: 65px;
+#wrapper-sign-publish {
+	padding: 0;
+}
+#button-sign-publish, #menu-sign-publish {
+	display: inline-block;
+	margin: 5px 10px;
+
+	text-decoration: none;
 }
 #button-sign-publish {
-	position: relative;
-	padding: 0;
-	padding-left: 10px;
-	color: #000;
-	cursor: pointer;
+	margin-right: 5px;
 }
-#button-sign-publish-arrow {
-	display: inline-block;
-	padding: 5px 10px;
-	padding-bottom: 7px;
-	border-left: 1px solid #888;
-	margin-left: 3px;
-}
-
-#button-sign-publish-menu {
-	display: none;
-	width: 100%;
-	margin-top: 2px;
-
-	position: absolute;
-	left: 0;
-	top: 100%;
-}
-#button-sign-publish-menu.visible {
-	display: inline-block;
-}
-#button-sign-publish-menu a {
-	width: 100%;
-	margin-left: 0;
-	margin-top: 1px;
+#menu-sign-publish {
+	margin-left: 5px;
 }
 
 /* Small screen */
diff --git a/plugins/Sidebar/media/all.css b/plugins/Sidebar/media/all.css
index 99082916..bcb83041 100644
--- a/plugins/Sidebar/media/all.css
+++ b/plugins/Sidebar/media/all.css
@@ -202,40 +202,20 @@
 .contents a { color: white }
 .contents a:active { background-color: #6B6B6B }
 
-.sign-publish-flex {
-	padding-bottom: 65px;
+#wrapper-sign-publish {
+	padding: 0;
+}
+#button-sign-publish, #menu-sign-publish {
+	display: inline-block;
+	margin: 5px 10px;
+
+	text-decoration: none;
 }
 #button-sign-publish {
-	position: relative;
-	padding: 0;
-	padding-left: 10px;
-	color: #000;
-	cursor: pointer;
+	margin-right: 5px;
 }
-#button-sign-publish-arrow {
-	display: inline-block;
-	padding: 5px 10px;
-	padding-bottom: 7px;
-	border-left: 1px solid #888;
-	margin-left: 3px;
-}
-
-#button-sign-publish-menu {
-	display: none;
-	width: 100%;
-	margin-top: 2px;
-
-	position: absolute;
-	left: 0;
-	top: 100%;
-}
-#button-sign-publish-menu.visible {
-	display: inline-block;
-}
-#button-sign-publish-menu a {
-	width: 100%;
-	margin-left: 0;
-	margin-top: 1px;
+#menu-sign-publish {
+	margin-left: 5px;
 }
 
 /* Small screen */