From 340b21475d94542e1ddb7c34f192749c229b58eb Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Tue, 14 Feb 2017 21:47:37 +0100
Subject: [PATCH] Make temporarily unmuted posts hideable again.

---
 src/components/status/status.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 95abdd5b..c215a00b 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -3,7 +3,7 @@
     <template v-if="muted">
       <div class="media status container muted">
         <small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small>
-        <button @click="toggleMute">show</button>
+        <a href="#" class="unmute" @click.prevent="toggleMute"><i class="icon-eye-off"></i></a>
       </div>
     </template>
     <template v-if="!muted">
@@ -40,11 +40,14 @@
               <template v-if="expandable">
                 -
                 <small>
-                  <a href="#" @click.prevent="toggleExpanded" >Expand</a>
+                  <a href="#" @click.prevent="toggleExpanded" ><i class="icon-plus-squared"></i></a>
+                </small>
+                <small v-if="status.user.muted">
+                  <a href="#" @click.prevent="toggleMute" ><i class="icon-eye-off"></i></a>
                 </small>
               </template>
               <small v-if="!status.is_local" class="source_url">
-                <a :href="status.external_url" target="_blank" >Source</a>
+                <a :href="status.external_url" target="_blank" ><i class="icon-binoculars"></i></a>
               </small>
             </h4>
 
@@ -139,4 +142,9 @@
  .muted button {
    margin-left: auto;
  }
+
+ a.unmute {
+   display: block;
+   margin-left: auto;
+ }
 </style>