diff --git a/src/components/ChannelInfo.component.jsx b/src/components/ChannelInfo.component.jsx index a5faf63..dffca23 100644 --- a/src/components/ChannelInfo.component.jsx +++ b/src/components/ChannelInfo.component.jsx @@ -65,6 +65,9 @@ class ChannelInfo extends Component { pauseOnHover={false} />
+ + + @@ -74,12 +77,6 @@ class ChannelInfo extends Component { - - - - - - diff --git a/src/components/Sidebar.component.jsx b/src/components/Sidebar.component.jsx index b6dc29d..0c6fbe8 100644 --- a/src/components/Sidebar.component.jsx +++ b/src/components/Sidebar.component.jsx @@ -55,7 +55,17 @@ class Sidebar extends Component {

Upload

-
  • +
  • + +

    The Status Network

    +
    +
  • +
  • + +

    Get Status

    +
    +
  • +
  • Settings

    diff --git a/src/css/ChannelInfo.styles.css b/src/css/ChannelInfo.styles.css index 667e5e8..76a45e9 100644 --- a/src/css/ChannelInfo.styles.css +++ b/src/css/ChannelInfo.styles.css @@ -39,6 +39,21 @@ text-align: left; } + +/* .get-status img { + margin-right: 5px; +} */ + +.get-status { + color: rgb(167, 167, 167); + background: none; + display: inline-block; + margin-right: 15px; + font-size: 1.4rem; + text-decoration: none; + +} + .ChannelInfo-website { color: #fff; background: #3498db; diff --git a/src/css/Sidebar.styles.css b/src/css/Sidebar.styles.css index efdacf9..b0fb14d 100644 --- a/src/css/Sidebar.styles.css +++ b/src/css/Sidebar.styles.css @@ -31,6 +31,14 @@ height: 100%; } +.margin-bottom-30 { + margin-bottom: 30px !important; +} + +.cta:hover { + color: white !important; +} + .sidebar li { list-style: none; } @@ -42,6 +50,10 @@ color: #6d6d6d; } +.sidebar-link:hover { + color: #acacac; +} + .sidebar-link a { display: flex; align-items: center;