Merge branch 'pinned-icon' into 'develop'

Status: improve "pinned" icon

See merge request soapbox-pub/soapbox-fe!792

app/soapbox/components/status.js

@@ -353,7 +353,7 @@ class Status extends ImmutablePureComponent {
       prepend = (
         <div className='status__prepend'>
           <div className='status__prepend-icon-wrapper'>
-            <Icon src={require('@tabler/icons/icons/pin.svg')} className='status__prepend-icon' />
+            <Icon src={require('@tabler/icons/icons/pinned.svg')} className='status__prepend-icon status__prepend-icon--pinned' />
           </div>
           <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
         </div>

app/styles/components/status.scss

@@ -149,6 +149,16 @@
   }
 }
 
+.status__prepend-icon--pinned.svg-icon {
+  width: 18px;
+  height: 18px;
+  margin-top: -1px;
+
+  svg {
+    stroke-width: 1.5px;
+  }
+}
+
 .status {
   padding: 8px 10px;
   padding-left: 68px;