css: Use classname for stream subheader name.

web/styles/dark_theme.css

@@ -895,8 +895,8 @@
     .streams_subheader {
         color: hsl(240deg 11% 85%);
 
-        & span::before,
-        span::after {
+        & .streams_subheader_name::before,
+        .streams_subheader_name::after {
             border-color: hsl(240deg 11% 85%);
         }
     }

web/styles/left_sidebar.css

@@ -1342,7 +1342,7 @@ li.topic-list-item {
     margin-right: var(--left-sidebar-right-margin);
     color: hsl(240deg 10% 50%);
 
-    & span {
+    & .streams_subheader_name {
         display: flex;
         flex-direction: row;
         width: 100%;
@@ -1351,8 +1351,8 @@ li.topic-list-item {
         opacity: 0.5;
     }
 
-    & span::before,
-    span::after {
+    & .streams_subheader_name::before,
+    .streams_subheader_name::after {
         content: " ";
         flex: 1 1;
         vertical-align: middle;
@@ -1361,11 +1361,11 @@ li.topic-list-item {
         opacity: 0.2;
     }
 
-    & span::before {
+    & .streams_subheader_name::before {
         margin-right: 0.5em;
     }
 
-    & span::after {
+    & .streams_subheader_name::after {
         margin-left: 0.5em;
     }
 }

web/templates/streams_subheader.hbs

@@ -1,3 +1,3 @@
 <div class="streams_subheader">
-    <span>{{ subheader_name }}</span>
+    <span class="streams_subheader_name">{{ subheader_name }}</span>
 </div>