update css

sarfraznawaz2005 · Aug 6, 2019 · d6e2f79 · d6e2f79
1 parent 90523d8
commit d6e2f79
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 24 deletions.
diff --git a/src/Views/index.blade.php b/src/Views/index.blade.php
@@ -4,7 +4,7 @@
 
 @section('header')
     <button type="submit" id="btnRefresh" class="btn btn-light btn-block">
-        <img style="padding-bottom: 1px;"
+        <img class="pb-0"
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA8UlEQVQ4jaXUPUoEQRCG4acXEZFFREQ8ieEGBkYGnsDYM3gFEQNDIwPBwEDZTDAw8wCiBhqaLAbiLy5qmUzLuuzPzFhFUdBdvNTXRVcKIUmzWMBtiG8VrVHkJRxgI0lzVSFCwCoCzzjDCqZDOe+H5HjHHlpo1IUEvnCHTSzWheT4wDXWMT+oszKQXoknRe1kXUiOe2z3SswjLmufeCpAb/lwogLgEYfYD3Hx56aEnFecYxkzg6YzqpMuLrGD4xAvwwqHQR6wi6MQV+N09kM6OMUWbkJ0xwHw+yYttLGGqbJ/JnsqVkETTXTqrIJUdPIv+wFT0tX7APfQwQAAAABJRU5ErkJggg=="
              alt="Refresh">
 
@@ -15,8 +15,7 @@
 @section('content')
 
     @if (isset($checkResults['counts']))
-        <div class="mx-auto"
-             style="width: 70%; font-size: 16px; background: #eee; padding: 10px; margin-top: 15px; line-height: 100%;">
+        <div class="mx-auto w-75 mt-3 h-auto bg-transparent">
             <div class="float-left">
                 <span class="badge-success badge">
                 Passed: {{$checkResults['counts']['passed_checks_count']}}
@@ -29,7 +28,7 @@
                 </span>
             </div>
             <div class="float-right">
-                <span class="badge-success badge">Last Checked: {{$lastRun}}</span>
+                <span class="badge-light badge">Last Checked: {{$lastRun}}</span>
             </div>
             <div class="clearfix"></div>
         </div>
@@ -38,40 +37,38 @@
     @endif
 
     <div class="table-responsive-sm">
-        <table class="table table-hover table-bordered table-sm mx-auto"
-               cellspacing="0"
-               style="font-size: 14px; color: #555; width: 70%;">
+        <table class="table table-hover table-bordered table-sm mx-auto small w-75 text-dark">
             <thead>
             <tr>
-                <th style="text-align: center;" width="40">#</th>
+                <th class="text-center" style="width: 40px;">#</th>
                 <th>Check Name</th>
-                <th style="text-align: center;" width="50">Time</th>
-                <th style="text-align: center;" width="150">Status</th>
-                <th style="text-align: center;" width="50">Run</th>
+                <th class="text-center" style="width: 50px;">Time</th>
+                <th class="text-center" style="width: 150px;">Status</th>
+                <th class="text-center" style="width: 50px;">Run</th>
             </tr>
             </thead>
 
             <tbody>
             @foreach($checkResults as $type => $checks)
                 <tr>
-                    <td colspan="5" style="text-align: center; color:#333; background: #eee; font-size: 13px;">
-                        <strong>{{strtoupper(str_replace('.', ' ', $type))}}</strong>
+                    <td colspan="5" class="text-center text-dark text-uppercase" style="background: #eee;">
+                        <strong>{{str_replace('.', ' ', $type)}}</strong>
                     </td>
                 </tr>
                 @foreach($checks as $index => $check)
                     <tr>
-                        <td style="text-align: center; font-weight: bold;">{{++$index}}</td>
-                        <td><strong>{{ucwords($check['name'])}}</strong></td>
-                        <td style="text-align: center;">{{$check['time']}}</td>
+                        <td class="text-center">{{++$index}}</td>
+                        <td class="font-weight-bold">{{ucwords($check['name'])}}</td>
+                        <td class="text-center">{{$check['time']}}</td>
                         <?php
                         $isOk = $check['status'] == 1;
                         $text = $isOk ? 'Passed' : 'Failed';
                         $icon = $isOk ? 'success' : 'danger';
                         $popover = $isOk ? '' : 'tabindex="0" data-toggle="popover" data-trigger="focus" title="Error Details" data-content="' . $check['error'] . '"';
 
-                        echo "<td style='text-align: center;'><span style='font-size: 12px; padding-bottom:6px;' ' . $popover . ' class='col-sm-10 badge badge-$icon'>$text</span></td>";
+                        echo "<td class='text-center'><span style='font-size: 12px; padding-bottom:6px;' ' . $popover . ' class='col-sm-10 badge badge-$icon'>$text</span></td>";
                         ?>
-                        <td style="text-align: center;">
+                        <td class='text-center'>
                         <span
                                 class="btn btn-info btn-sm refresh"
                                 data-checker="{{$check['checker']}}"
@@ -80,7 +77,7 @@ class="btn btn-info btn-sm refresh"
                                 title="Run this check"
                                 style="font-size: 10px;">
 
-                                <img style="padding-left: 5px;"
+                                <img class="pl-1"
                                      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA/ElEQVQokZ2SvUoDURSEZ5YgIqksrHwAK2tLH0Cs8gi+jIid1uIPWKfNA9hoYWevINoIQhDRMJ9FdsOy7K7RORwOXM7HcOdeIyS0Dgxd+FF/UFHOHUmXhD2hlaVphIARc70D4yTbSVZRfwmhJKMkVA08JTkCNpeCaSjJN3ALHCQZAkUrDIxKRzrmOMk+MOiEu7rUa5JDYKOCB1VwtvtynQFvth+AqTXfHfQRpT4knUi6lnVfgQsYaHOeAhPbx8CdC381FxbOQP38xva57QtZn3W3Vth2JD1LupJ0Cry48Kz3QmXau0nOkmz99qvq5fK91iQVsqa9Tg3N4X/qByQpP53UQDGqAAAAAElFTkSuQmCC"
                                      alt="Refresh">
                         </span>

diff --git a/src/Views/layout/layout.blade.php b/src/Views/layout/layout.blade.php
@@ -18,11 +18,7 @@
 
     <div class="card ">
         <div class="card-header bg-primary text-white stripe">
-            <strong style="font-size: 16px;">
-                <img style="padding-bottom: 1px;"
-                     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABG0lEQVQ4jc3ToW7UQRTF4e+QEYQgVlQQ0qCaGkwDphJWgiDBIhA8AuEJECgUug4PT9AggSB4gBWkooI0yNqD+S+BZbdpWgTj5t7M79w5ZyZVl11XLk3AUDtt56uNJNpKAtq/J05yKBYD+0me4/060LS28DjJDN/xEg9xisWY1H60/bRp3CS3kjyYtqf4gtttRaTtfttn5zbgT/iB+DhwlOTdRSA4goE5XrX9cIbiDPdwHSd4g/s4wNtxHrllSqsJLY1P25vY2xDh2oPLWpKv4nhgG49+i3Ot2obaCY5H290ke3h9xnW2k7xoewPfkjzB07a7kc9jos7a3l1VXXqRZKvt1al/re2d6e388mQH8wt6cigW+W9+8T+B/ARUKnYRg45uggAAAABJRU5ErkJggg=="
-                     alt="ServerMonitor">
-
+            <strong class="h5">
                 @yield('title')
             </strong>