better logo hovering

1 files changed, 12 insertions, 4 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 2cf65c0..16ad216 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -681,15 +681,19 @@ iframe.embed {
 }
 .logo {
   float:left;
-  padding:7px 0 0 10px;
+  padding:6px 8px 9px 8px;
   z-index:4;
   position:relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }
+
 .logo:hover {
-  -webkit-filter:invert(30%);
+  background:black;
+}
+.logo:hover svg {
+	fill:white;
 }
 .profile{
   padding:8px;
@@ -1854,7 +1858,7 @@ a[data-role="forgot-password"] {
 .aboutRoom {
   width: 250px;
   background: rgba(255,255,255,0.95);
-  padding: 20px;
+  padding: 2px 8px 8px 8px;
   position: fixed;
   bottom: 10px;
   left: 10px;
@@ -1874,6 +1878,10 @@ a[data-role="forgot-password"] {
 	padding:5px;
 }
 
+.aboutRoom.vvbox .txt {
+	padding: 0;
+}
+
 .aboutRoom h1 a{
   text-decoration: none;
   font-style: italic;
@@ -1907,7 +1915,7 @@ a[data-role="forgot-password"] {
   right: 0px;
   bottom: 10px;
   padding-right:10px;
-  background:rgba(255,255,255,0.95);
+  background:rgba(255,255,255,0.1);
   z-index: 2;
 }