Merge pull request #1182 from hypothesis/remove-old-groups-styles

Replace references to old groups menu styles in new component

src/sidebar/components/group-list-v2.js

@@ -57,12 +57,12 @@ function GroupList({ serviceUrl, settings }) {
   if (focusedGroup) {
     const icon = focusedGroup.organization.logo;
     label = (
-      <span>
+      <span className="group-list-v2__menu-label">
         <img
-          className="group-list-label__icon group-list-label__icon--organization"
+          className="group-list-v2__menu-icon"
           src={icon || publisherProvidedIcon(settings)}
         />
-        <span className="group-list-label__label">{focusedGroup.name}</span>
+        {focusedGroup.name}
       </span>
     );
   } else {

src/styles/sidebar/components/group-list-v2.scss

 .group-list-v2__content {
   min-width: 250px;
 }
+
+.group-list-v2__menu-label {
+  align-items: center;
+  color: $grey-6;
+  display: flex;
+  font-size: $body2-font-size;
+  font-weight: bold;
+}
+
+.group-list-v2__menu-icon {
+  width: 15px;
+  height: 15px;
+  margin-right: 4px;
+
+  // A minor adjustment to make the default icon (the Hypothesis logo) align
+  // better with the text.
+  position: relative;
+  top: 1px;
+}