fixed pie display issue, cors issue

docker/elasticsearch.yml

@@ -94,4 +94,7 @@
 # action.destructive_requires_name: true
 
 network.host: 0.0.0.0
-http.cors.enabled: true
\ No newline at end of file
+http.cors.enabled: true
+http.cors.allow-origin: "*"
+http.cors.allow-headers: "X-Requested-With, Content-Type, Content-Length, X-User"
+http.cors.allow-methods: OPTIONS, HEAD, GET, POST, PUT, DELETE
\ No newline at end of file

vipra-ui/app/html/articles/show.html

@@ -98,14 +98,8 @@
           </tbody>
         </table>
         <p class="text-muted" ng-hide="article.similarArticles.length">No similar articles</p>
-        <hr>
-        <div class="pull-right hide-links-button" ng-click="articlesShowModels.hideLinks=!articlesShowModels.hideLinks">
-          <span class="fa-stack">
-            <i class="fa fa-link fa-stack-1x"></i>
-            <i class="fa fa-ban fa-stack-2x text-danger" ng-show="!articlesShowModels.hideLinks"></i>
-          </span>
-        </div>
-        <div class="text-justify" ng-bind-html="::article.text" ng-class="{'hide-links':articlesShowModels.hideLinks}"></div>
+        <h3>Text</h3>
+        <div class="text-justify article-text" ng-bind-html="::article.text" ng-class="{'hide-links':articlesShowModels.hideLinks}"></div>
       </div>
     </div>
     <div class="loading" ng-hide="article">Loading...</div>

vipra-ui/app/less/app.less

@@ -664,6 +664,12 @@ entity-menu {
 
 .pie-chart {
   height: 220px;
+  width: 100% !important;
+
+  svg {
+    display: block;
+    margin: 0 auto;
+  }
 
   &.pie-small {
     height: 180px;
@@ -1076,21 +1082,16 @@ entity-menu {
   }
 }
 
-.hide-links-button {
-  cursor: pointer;
-  margin-top: -34px;
-  border: 1px solid #eee;
-  border-radius: 5px;
-  background: #fff;
-  padding: 0 5px;
-}
-
 .popover-table {
   th + td {
     padding-left: 5px;
   }
 }
 
+.article-text {
+  padding-bottom: 40px;
+}
+
 [ng\:cloak], [ng-cloak], .ng-cloak {
   display: none !important;
 }