diff options
| author | dave <starpumadev@gmail.com> | 2019-02-11 22:35:24 -0500 |
|---|---|---|
| committer | dave <starpumadev@gmail.com> | 2019-02-11 22:35:24 -0500 |
| commit | f2ce2e917623e131741bd0dc163734f416ff83f7 (patch) | |
| tree | 919b324db3836363ee4efad695f05535f8eda201 /src/components/chat_panel/chat_panel.vue | |
| parent | 8efe30c2dcc3d1ee22d00666ad6cb42f636ebb69 (diff) | |
#344 - replace float: with flexbox, clean up
Diffstat (limited to 'src/components/chat_panel/chat_panel.vue')
| -rw-r--r-- | src/components/chat_panel/chat_panel.vue | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index bf65efc5..b37469ac 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -3,8 +3,8 @@ <div class="panel panel-default"> <div class="panel-heading timeline-heading" :class="{ 'chat-heading': floating }" @click.stop.prevent="togglePanel"> <div class="title"> - {{$t('chat.title')}} - <i class="icon-cancel" style="float: right;" v-if="floating"></i> + <span>{{$t('chat.title')}}</span> + <i class="icon-cancel" v-if="floating"></i> </div> </div> <div class="chat-window" v-chat-scroll> @@ -98,4 +98,11 @@ resize: none; } } + +.chat-panel { + .title { + display: flex; + justify-content: space-between; + } +} </style> |