diff --git a/circle/dashboard/static/dashboard/activity.js b/circle/dashboard/static/dashboard/activity.js index 0e1b80c..5e711d6 100644 --- a/circle/dashboard/static/dashboard/activity.js +++ b/circle/dashboard/static/dashboard/activity.js @@ -187,7 +187,7 @@ function addConnectText() { if(activities.length > 1) { if(activities.eq(0).data("activity-code") == "vm.Instance.wake_up" || activities.eq(0).data("activity-code") == "vm.Instance.agent") { - $("#vm-detail-successfull-boot").slideDown(500); + $("#vm-detail-successful-boot").slideDown(500); } } } diff --git a/circle/dashboard/static/dashboard/dashboard.less b/circle/dashboard/static/dashboard/dashboard.less index b0b58e6..7e35e07 100644 --- a/circle/dashboard/static/dashboard/dashboard.less +++ b/circle/dashboard/static/dashboard/dashboard.less @@ -1285,9 +1285,16 @@ textarea[name="new_members"] { } } -#vm-detail-successfull-boot { +#vm-detail-successful-boot { margin-bottom: 20px; display: none; + + .label { + width: 100%; + display: block; + overflow: hidden; + text-overflow: ellipsis; + } } #vm-detail-access-help { diff --git a/circle/dashboard/templates/dashboard/vm-detail.html b/circle/dashboard/templates/dashboard/vm-detail.html index 839d767..4dd21aa 100644 --- a/circle/dashboard/templates/dashboard/vm-detail.html +++ b/circle/dashboard/templates/dashboard/vm-detail.html @@ -192,11 +192,11 @@ {% endif %} </div> <div class="col-md-8" id="vm-detail-pane"> - <div class="big" id="vm-detail-successfull-boot"> - <span class="label label-info" data-status="{{ instance.status }}"> + <div class="big" id="vm-detail-successful-boot"> + <div class="label label-info" data-status="{{ instance.status }}"> <i class="fa fa-check"></i> {% trans "The virtual machine successfully started, you can connect now." %} - </span> + </div> </div> <div class="panel panel-default" id="vm-detail-panel"> <ul class="nav nav-pills panel-heading">