Fix: Reduce chart padding on mobile

3 years ago · d8bcfcaaa2
parent cf5168a4e6
commit d8bcfcaaa2
1 changed files with 8 additions and 4 deletions
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@ -74,7 +74,7 @@
        </div>
    </div>

-    <div v-if="showPingChartBox" class="shadow-box big-padding text-center">
+    <div v-if="showPingChartBox" class="shadow-box big-padding text-center ping-chart-wrapper">
        <div class="row">
            <div class="col">
                <PingChart :monitor-id="monitor.id" />
@ -337,6 +337,10 @@ export default {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
+
+    .ping-chart-wrapper {
+        padding: 10px !important;
+    }
 }

@media (max-width: 400px) {