Commit d879314a authored by Kushal Pandya's avatar Kushal Pandya

Fix node status badge alignment in mobile layout

parent fd86ce4f
......@@ -42,7 +42,7 @@
return this.isNodeHTTP || this.nodeDetailsFailed;
},
nodeStatusIconClass() {
const iconClasses = 'prepend-left-10 float-left node-status-icon';
const iconClasses = 'prepend-left-10 node-status-icon';
if (this.nodeDetailsFailed) {
return `${iconClasses} status-icon-failure`;
}
......@@ -68,27 +68,29 @@
<div class="card-header">
<div class="row">
<div class="col-md-8 clearfix">
<strong class="node-url inline float-left">
{{ node.url }}
</strong>
<loading-icon
v-if="nodeDetailsLoading || node.nodeActionActive"
class="node-details-loading prepend-left-10 float-left inline"
/>
<icon
v-tooltip
v-if="showNodeStatusIcon"
:name="nodeStatusIconName"
:size="18"
:css-classes="nodeStatusIconClass"
:title="nodeStatusIconTooltip"
data-container="body"
data-placement="bottom"
/>
<span class="inline float-left prepend-left-10">
<span class="d-flex float-left append-right-10">
<strong class="node-url">
{{ node.url }}
</strong>
<loading-icon
v-if="nodeDetailsLoading || node.nodeActionActive"
class="node-details-loading prepend-left-10 inline"
/>
<icon
v-tooltip
v-if="showNodeStatusIcon"
:name="nodeStatusIconName"
:size="18"
:css-classes="nodeStatusIconClass"
:title="nodeStatusIconTooltip"
data-container="body"
data-placement="bottom"
/>
</span>
<span class="inline node-type-badges">
<span
v-if="node.current"
class="prepend-left-5 node-badge current-node"
class="node-badge current-node"
>
{{ s__('Current node') }}
</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