Implement Stream TabBar

plugins/coral-plugin-like/client/LikeButton.js

@@ -46,7 +46,7 @@ class LikeButton extends React.Component {
           onClick={this.handleClick}
         >
           <span>{t(alreadyReacted ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}</span>
-          <Icon name="thumb_up" className={`${plugin}-icon`} />
+          <Icon name="thumb_up" className={cn(`${plugin}-icon`, styles.icon)} />
           <span className={`${plugin}-count`}>{count > 0 && count}</span>
         </button>
       </div>

plugins/coral-plugin-like/client/styles.css

@@ -23,3 +23,7 @@
     }
   }
 }
+
+.icon {
+  padding: 0 2px;
+}

plugins/coral-plugin-love/client/LoveButton.js

@@ -46,7 +46,7 @@ class LoveButton extends React.Component {
           onClick={this.handleClick}
         >
           <span>{t(alreadyReacted ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}</span>
-          <Icon name="favorite" className={`${plugin}-icon`} />
+          <Icon name="favorite" className={cn(`${plugin}-icon`, styles.icon)} />
           <span className={`${plugin}-count`}>{count > 0 && count}</span>
         </button>
       </div>

plugins/coral-plugin-love/client/styles.css

@@ -23,3 +23,7 @@
     }
   }
 }
+
+.icon {
+  padding: 0 2px;
+}

plugins/coral-plugin-respect/client/styles.css

@@ -26,5 +26,5 @@
 }
 
 .icon {
-  padding: 0 5px;
+  padding: 0 2px;
 }

plugins/coral-plugin-viewing-options/client/components/ViewingOptions.css

@@ -1,11 +1,9 @@
 .root {
-  float: right;
-  text-align: right;
+  display: flex;
+  justify-content: flex-end;
   position: relative;
-  display: inline-block;
-  min-width: 220px;
+  width: 100%;
   z-index: 10;
-  position: relative;
   cursor: pointer;
 }
 

plugins/talk-plugin-permalink/client/components/styles.css

@@ -42,8 +42,8 @@
 }
 
 .button {
+  composes: buttonReset from "coral-framework/styles/reset.css";
   margin: 5px 0px 5px 10px;
-  cursor: pointer;
 }
 
 .copyButton {