Update server information

web/css/styles.min.css

@@ -1811,6 +1811,14 @@ div.l-content > div.l-separator:nth-of-type(4) {
   letter-spacing: -0.02em;
 }
 
+.l-unit__servername {
+  color: #414141;
+  font-size: 28px;
+  margin-bottom: 10px;
+  font-weight: 300;
+  letter-spacing: -0.02em;
+}
+
 .l-unit__stats.separate,
 .l-unit__name.separate {
   padding-bottom: 15px;
@@ -3627,7 +3635,8 @@ form#vstobjects.suspended {
   margin-top: -20px;
 }
 .server-info-name {
-  margin-top: 10px;
+  margin-top: 5px;
+  margin-bottom: 30px;
 }
 .icon-server-info {
   font-size: 5.2em;

web/templates/admin/list_services.html

@@ -37,13 +37,13 @@
       <div class="">
         <div class="l-unit__col l-unit__col--right server-info">
           <div class="icon-server-info"><i class="fas fa-server"></i></div>
-          <div class="l-unit__name separate server-info-name"><?=$sys['sysinfo']['HOSTNAME']?></div>
+          <div class="l-unit__servername separate server-info-name"><?=$sys['sysinfo']['HOSTNAME']?></div>
           <div class="server-info-data">
-            <table>
+            <table class="text-small">
                <tr>
                 <td>
                   <div class="l-unit__stat-cols clearfix">
-                    <div class="l-unit__stat-col l-unit__stat-col--left">
+                    <div class="l-unit__stat-col l-unit__stat-col--left wide">
                       <b><?=$sys['sysinfo']['OS']?>
                       <?=$sys['sysinfo']['VERSION']?></b>
                     </div>
@@ -52,13 +52,13 @@
                 </td>
                 <td>
                   <div class="l-unit__stat-cols clearfix">
-                    <div class="l-unit__stat-col l-unit__stat-col--left"><?=__('Load Average')?>:</div>
+                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><?=__('Load Average')?>:</div>
                     <div class="l-unit__stat-col l-unit__stat-col--right"><b><?=$sys['sysinfo']['LOADAVERAGE']?></b></div>
                   </div>
                 </td>
                 <td>
                   <div class="l-unit__stat-cols clearfix last">
-                    <div class="l-unit__stat-col l-unit__stat-col--left compact"><?=__('Uptime')?>:</div>
+                    <div class="l-unit__stat-col l-unit__stat-col--left wide"><?=__('Uptime')?>:</div>
                     <div class="l-unit__stat-col l-unit__stat-col--right"><b><?=humanize_time($sys['sysinfo']['UPTIME'])?></b></div>
                   </div>
                 </td>