From 0a07106ae8510a9f57a47d2f068eb0c9cc7ade55 Mon Sep 17 00:00:00 2001
From: diminator <dimi.dejonghe@gmail.com>
Date: Tue, 13 Oct 2015 13:32:48 +0200
Subject: [PATCH] ikonotv styling

---
 js/components/header.js                       |  3 +-
 sass/ascribe_custom_style.scss                |  4 +-
 .../wallet/ikonotv/ikonotv_landing.scss       | 42 ++++++++++++++++++-
 3 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/js/components/header.js b/js/components/header.js
index 1fb96c6f..354ceeaa 100644
--- a/js/components/header.js
+++ b/js/components/header.js
@@ -94,8 +94,7 @@ let Header = React.createClass({
                     <li>
                         <a className="pull-right" href="https://www.ascribe.io/" target="_blank">
                             <span id="powered">{getLangText('powered by')} </span>
-                            <span>ascribe </span>
-                            <span className="glyph-ascribe-spool-chunked ascribe-color"></span>
+                            <span className="icon-ascribe-logo"></span>
                         </a>
                     </li>
             </AclProxy>
diff --git a/sass/ascribe_custom_style.scss b/sass/ascribe_custom_style.scss
index b429f7ff..e2f17098 100644
--- a/sass/ascribe_custom_style.scss
+++ b/sass/ascribe_custom_style.scss
@@ -149,7 +149,8 @@ hr {
 
 .ascribe-icon {
     font-size: 1.2em;
-    font-weight: 300;
+    font-weight: $ascribe--font-weight;
+    color: $ascribe--button-default-color;
 }
 
 .ascribe-accordion-list-item {
@@ -157,6 +158,7 @@ hr {
     -webkit-box-shadow: 0 2px 2px -2px rgba(0,0,0,.18);
 	   -moz-box-shadow: 0 2px 2px -2px rgba(0,0,0,.18);
 	        box-shadow: 0 2px 2px -2px rgba(0,0,0,.18);
+    margin-bottom: 1em;
     &:hover {
         //-webkit-transform: scale(1.005);
         //   -moz-transform: scale(1.005);
diff --git a/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss b/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
index 5a587a99..019469a8 100644
--- a/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
+++ b/sass/whitelabel/wallet/ikonotv/ikonotv_landing.scss
@@ -22,6 +22,7 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
 
 .client--ikonotv .navbar-default {
     background-color: $ikono--bg-color;
+    box-shadow: none;
 
     // this is a horrible hack
     .navbar-nav > li > a[href="https://www.ascribe.io/"] {
@@ -47,6 +48,8 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
     .navbar-nav > .active a:focus {
         color: black;
         border-bottom-color: transparent;
+        background-color: transparent;
+        font-weight: bold;
     }
 
     .navbar-nav > .active {
@@ -67,6 +70,30 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
         background-color: $ikono--bg-color;
     }
 
+    .dropdown-menu {
+        background-color: $ikono--bg-color;
+    }
+
+    .dropdown-menu > li > a {
+        color:  white;
+        font-weight: bold;
+    }
+
+    .dropdown-menu > li > a:hover,
+    .dropdown-menu > li > a:focus {
+        color:  $ikono--bg-color;
+        background-color: white;
+    }
+
+    .notification-menu {
+        .dropdown-menu {
+            background-color: white;
+            li:hover {
+                background-color: rgba($ikono--button-color, 0.1);
+            }
+        }
+    }
+
     .img-brand.navbar-brand {
         width: 0;
         height: 0;
@@ -205,6 +232,14 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
     display: none;
 }
 
+.client--ikonotv .ascribe-icon {
+    color: $ikono--button-color;
+}
+
+.client--ikonotv .ascribe-piece-list-toolbar .btn-ascribe-add{
+    display: none;
+}
+
 .ikonotv-landing {
     /* center all text on the page */
     text-align: center;
@@ -394,6 +429,9 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
     .ascribe-checkbox-wrapper [type=checkbox]:checked + .checkbox:before {
         color: $ikono--button-color;
     }
+    .search-bar > .form-group > .input-group > .input-group-addon {
+        border-color: transparent;
+    }
 }
 
 
@@ -418,8 +456,8 @@ $ikono--logo: 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/ikonotv/ik
 // intercom stuff
 .client--ikonotv {
     #intercom-container .intercom-launcher-button {
-        background-color: $ikono--button-color;
-        border-color: $ikono--button-color;
+        background-color: $ikono--button-color !important;;
+        border-color: $ikono--button-color !important;;
     }
 }