Commit d879314a authored by Kushal Pandya's avatar Kushal Pandya

Fix node status badge alignment in mobile layout

parent fd86ce4f
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
return this.isNodeHTTP || this.nodeDetailsFailed; return this.isNodeHTTP || this.nodeDetailsFailed;
}, },
nodeStatusIconClass() { nodeStatusIconClass() {
const iconClasses = 'prepend-left-10 float-left node-status-icon'; const iconClasses = 'prepend-left-10 node-status-icon';
if (this.nodeDetailsFailed) { if (this.nodeDetailsFailed) {
return `${iconClasses} status-icon-failure`; return `${iconClasses} status-icon-failure`;
} }
...@@ -68,27 +68,29 @@ ...@@ -68,27 +68,29 @@
<div class="card-header"> <div class="card-header">
<div class="row"> <div class="row">
<div class="col-md-8 clearfix"> <div class="col-md-8 clearfix">
<strong class="node-url inline float-left"> <span class="d-flex float-left append-right-10">
{{ node.url }} <strong class="node-url">
</strong> {{ node.url }}
<loading-icon </strong>
v-if="nodeDetailsLoading || node.nodeActionActive" <loading-icon
class="node-details-loading prepend-left-10 float-left inline" v-if="nodeDetailsLoading || node.nodeActionActive"
/> class="node-details-loading prepend-left-10 inline"
<icon />
v-tooltip <icon
v-if="showNodeStatusIcon" v-tooltip
:name="nodeStatusIconName" v-if="showNodeStatusIcon"
:size="18" :name="nodeStatusIconName"
:css-classes="nodeStatusIconClass" :size="18"
:title="nodeStatusIconTooltip" :css-classes="nodeStatusIconClass"
data-container="body" :title="nodeStatusIconTooltip"
data-placement="bottom" data-container="body"
/> data-placement="bottom"
<span class="inline float-left prepend-left-10"> />
</span>
<span class="inline node-type-badges">
<span <span
v-if="node.current" v-if="node.current"
class="prepend-left-5 node-badge current-node" class="node-badge current-node"
> >
{{ s__('Current node') }} {{ s__('Current node') }}
</span> </span>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment