Added class for pie charts [skip ci]

ankane · Feb 25, 2023 · 759d85e · 759d85e
1 parent a5d7d85
commit 759d85e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/app/assets/stylesheets/pghero/application.css b/app/assets/stylesheets/pghero/application.css
@@ -485,6 +485,12 @@ body {
   color: #999;
 }
 
+.pie-chart {
+  height: 260px;
+  line-height: 260px;
+  margin-bottom: 20px;
+}
+
 .unused-index {
   color: #f0ad4e;
   font-size: 11px;

diff --git a/app/views/pg_hero/home/connections.html.erb b/app/views/pg_hero/home/connections.html.erb
@@ -6,22 +6,22 @@
   <% if @total_connections > 0 %>
     <h3>By Database</h3>
 
-    <div id="chart-1" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+    <div id="chart-1" class="chart pie-chart">Loading...</div>
     <script>
       new Chartkick.PieChart("chart-1", <%= pghero_js_value(@connections_by_database) %>);
     </script>
 
     <h3>By User</h3>
 
-    <div id="chart-2" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+    <div id="chart-2" class="chart pie-chart">Loading...</div>
     <script>
       new Chartkick.PieChart("chart-2", <%= pghero_js_value(@connections_by_user) %>);
     </script>
 
     <% if @connections_by_ssl_status %>
       <h3>By Security</h3>
 
-      <div id="chart-3" class="chart" style="height: 260px; line-height: 260px; margin-bottom: 20px;">Loading...</div>
+      <div id="chart-3" class="chart pie-chart">Loading...</div>
       <script>
         new Chartkick.PieChart("chart-3", <%= pghero_js_value(@connections_by_ssl_status) %>);
       </script>