#1511: improve the description that is displayed when hovering the mouse over the machine (#1633)

templates/main/list_bases_ng.html.ep

@@ -26,17 +26,17 @@
                     <i ng-show="!machine.is_public"><i class="far fa-eye-slash fa-xs" title="<%=l 'not public' %>"></i></i>
                 </h3>
                 <div class="container">
-                 <a ng-show="machine.screenshot" ng-click="action(machine, 'start')"><img
+                   <a ng-show="machine.screenshot" ng-click="action(machine, 'start')"><img
                     ng-src="data:image/png;base64,{{machine.screenshot}}" alt="{{machine.name}}" class="img-thumbnail" width="260"
                     ></a>
-                <a ng-show="!machine.screenshot" ng-click="action(machine, 'start')"><img
+                   <a ng-show="!machine.screenshot" ng-click="action(machine, 'start')"><img
                     src="/img/default_screenshot.png" class="screenshot-default img-thumbnail"
                     alt="{{machine.name}}" width="260"
                     ></a>
-                <div ng-show="machine.description || (!machine.description && is_admin)" class="overlay">
-                    <div ng-show="machine.description" class="text" ng-bind-html="machine.description"></div>
-                    <div ng-show="!machine.description" class="text"><a style="background-color: white; pointer-events: auto;" href="/machine/manage/{{machine.id}}.html#v-pills-description"><%=l 'Add description' %></a></div>
-                </div>
+                   <div ng-show="machine.description || (!machine.description && is_admin)" class="overlay">
+                      <div ng-show="machine.description" class="text" ng-bind-html="machine.description" style="width: 260px; max-height: 175px; overflow: auto; pointer-events: all" ng-click="action(machine, 'start')"></div>
+                      <div ng-show="!machine.description" class="text"><a style="background-color: white; pointer-events: auto;" href="/machine/manage/{{machine.id}}.html#v-pills-description"><%=l 'Add description' %></a></div>
+                   </div>
                 </div>
             </div>
             <div class="card-body" id="step2">