UX: minor tweaks to users directory last updated at styling (#9322)

app/assets/javascripts/discourse/templates/mobile/users.hbs

@@ -1,6 +1,6 @@
 {{#load-more selector=".directory .user" action=(action "loadMore")}}
   <div class="container">
-    <div class='directory'>
+    <div class='users-directory directory'>
       {{plugin-outlet name="users-top" connectorTagName='div' args=(hash model=model)}}
 
       <div class='directory-controls'>

app/assets/javascripts/discourse/templates/users.hbs

@@ -1,7 +1,7 @@
 {{#d-section pageClass="users"}}
   {{#load-more selector=".directory tbody tr" action=(action "loadMore")}}
     <div class="container">
-      <div class='directory'>
+      <div class='users-directory directory'>
         {{plugin-outlet name="users-top" connectorTagName='div' args=(hash model=model)}}
         <div class='directory-controls'>
           <div class='period-controls'>

app/assets/stylesheets/common/base/directory.scss

@@ -1,6 +1,17 @@
 .directory {
   margin-bottom: 100px;
 
+  &.users-directory {
+    .period-chooser {
+      .selected-name {
+        margin: 0;
+      }
+      .period-chooser-header .caret-icon {
+        margin: 0;
+      }
+    }
+  }
+
   .user-info {
     margin-bottom: 0;
   }
@@ -16,9 +27,11 @@
       height: 1em;
     }
   }
+
   .directory-last-updated {
     margin-bottom: 0.5em;
     color: $primary-medium;
+    font-size: $font-down-1;
   }
 
   table {

app/assets/stylesheets/mobile/directory.scss

@@ -1,9 +1,17 @@
 .directory {
-  .select-kit.dropdown-select-box.period-chooser
-    .period-chooser-header
-    h2.selected-name {
+  .period-chooser .period-chooser-header h2.selected-name {
     font-size: $font-up-1;
-    margin-bottom: 0.25em;
+  }
+
+  &.users-directory {
+    .filter-name {
+      width: 100%;
+      margin-bottom: 1em;
+    }
+
+    .directory-last-updated {
+      margin-bottom: 1em;
+    }
   }
 
   .directory-controls {