From 074998c2274d260c9a9f8734a6df16f7a9db6f52 Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Fri, 17 Nov 2017 11:57:32 +0100
Subject: [PATCH] UI: update

---
 static/js/trendings.js   |  2 +-
 templates/trendings.html | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/static/js/trendings.js b/static/js/trendings.js
index c164b66..7be04b8 100644
--- a/static/js/trendings.js
+++ b/static/js/trendings.js
@@ -42,7 +42,7 @@ var pieChartOption = {
             show: true,
             label: {
                 show: true,
-                radius: 1,
+                radius: 4/5,
                 formatter: innerPieLabelFormatter,
             }
         }
diff --git a/templates/trendings.html b/templates/trendings.html
index 241d2e9..cba6a8e 100644
--- a/templates/trendings.html
+++ b/templates/trendings.html
@@ -134,26 +134,26 @@ small {
                     <div style="height: 10px;"></div>
 
                     <div class="col-lg-12">
-                        <div class="col-lg-4">
+                        <div class="col-lg-5">
                             <div class="panel panel-default" style="">
                                 <div class="panel-heading bg-info" style="font-weight: bold;">
                                     <b>Most active events</b>
                                 </div>
                                 <div id="panelbody" class="panel-body" style="">
-                                    <div id="eventPie" style="width:100%; height: 15vh;"></div>
-                                    <div id="eventLine" style="width:100%; height: 20vh;"></div>
+                                    <div id="eventPie" style="width:100%; height: 25vh;"></div>
+                                    <div id="eventLine" style="width:100%; height: 25vh;"></div>
                                 </div>
                             </div><!-- /.panel-body -->
                         </div>
 
-                        <div class="col-lg-4">
+                        <div class="col-lg-3">
                             <div class="panel panel-default" style="">
                                 <div class="panel-heading bg-info" style="font-weight: bold;">
                                     <b>Most active categories</b>
                                 </div>
                                 <div id="panelbody" class="panel-body" style="">
-                                    <div id="categPie" style="width:100%; height: 15vh;"></div>
-                                    <div id="categLine" style="width:100%; height: 20vh;"></div>
+                                    <div id="categPie" style="width:100%; height: 25vh;"></div>
+                                    <div id="categLine" style="width:100%; height: 25vh;"></div>
                                 </div>
                             </div><!-- /.panel-body -->
                         </div>
@@ -164,8 +164,8 @@ small {
                                     <b>Most popular tags</b>
                                 </div>
                                 <div id="panelbody" class="panel-body" style="">
-                                    <div id="tagPie" style="width:100%; height: 15vh;"></div>
-                                    <div id="tagLine" style="width:100%; height: 20vh;"></div>
+                                    <div id="tagPie" style="width:100%; height: 25vh;"></div>
+                                    <div id="tagLine" style="width:100%; height: 25vh;"></div>
                                 </div>
                             </div><!-- /.panel-body -->
                         </div>