diff --git a/src/renderer/components/Preferences/Appearance/Toot.vue b/src/renderer/components/Preferences/Appearance/Toot.vue index d8283642..23785dfd 100644 --- a/src/renderer/components/Preferences/Appearance/Toot.vue +++ b/src/renderer/components/Preferences/Appearance/Toot.vue @@ -140,6 +140,7 @@ export default { height: 36px; border-radius: 4px; cursor: pointer; + display: block; } } diff --git a/src/renderer/components/TimelineSpace/Modals/AddListMember.vue b/src/renderer/components/TimelineSpace/Modals/AddListMember.vue index 1b71803e..7b7dcb62 100644 --- a/src/renderer/components/TimelineSpace/Modals/AddListMember.vue +++ b/src/renderer/components/TimelineSpace/Modals/AddListMember.vue @@ -149,6 +149,8 @@ export default { width: 36px; height: 36px; border-radius: 4px; + cursor: pointer; + display: block; } } diff --git a/src/renderer/components/molecules/Toot.vue b/src/renderer/components/molecules/Toot.vue index bec9a109..ab681482 100644 --- a/src/renderer/components/molecules/Toot.vue +++ b/src/renderer/components/molecules/Toot.vue @@ -505,6 +505,7 @@ export default { height: 36px; border-radius: 4px; cursor: pointer; + display: block; } } diff --git a/src/renderer/components/molecules/User.vue b/src/renderer/components/molecules/User.vue index e7a985fb..abb279c0 100644 --- a/src/renderer/components/molecules/User.vue +++ b/src/renderer/components/molecules/User.vue @@ -82,17 +82,28 @@ export default { .user { display: flex; box-sizing: border-box; - padding: 4px 12px 8px; + padding: 8px 12px; border-bottom: 1px solid var(--theme-border-color); cursor: pointer; + align-items: center; + + .fa-icon { + font-size: 0.9em; + width: auto; + height: 1em; + max-width: 100%; + max-height: 100%; + } .icon { - display: inline-block; + float: left; img { width: 36px; height: 36px; border-radius: 4px; + cursor: pointer; + display: block; } } @@ -123,14 +134,20 @@ export default { .follow { color: var(--theme-primary-color); + padding-top: 8px; + padding-bottom: 8px; } .unfollow { color: #409eff; + padding-top: 8px; + padding-bottom: 8px; } .requested { color: var(--theme-primary-color); + padding-top: 8px; + padding-bottom: 8px; } } }