add radius

lib/views/layout-kibela/base/layout.html

@@ -3,7 +3,7 @@
 
   <div class="row body m-0 p-0">
 
-    <div id="main" class="main col-md-7 kibela-block {% if page %}{{ css.grant(page) }}{% endif %} {% block main_css_class %}{% endblock %}">
+    <div id="main" class="main col-md-7 kibela-block bg-white m-t-30 {% if page %}{{ css.grant(page) }}{% endif %} {% block main_css_class %}{% endblock %}">
 
 
 

lib/views/layout-kibela/page_list.html

@@ -1,23 +1,21 @@
 {% extends 'base/layout.html' %} {% block content_header %} {% include 'widget/header.html' %} {% endblock %} {% block content_main_before
 %} {% endblock %} {% block content_main %}
 <div class="row page-content">
-  <div class="col-xs-12">
+
 
 
     <div class="row bg-title">
         <div class="col-xs-12">
           {% block content_header %} {% endblock %}
         </div>
-    </div>
+      </div>
       <!-- /.bg-title -->
 
 
 
-    <div class="m-t-30">
+  <div class="m-t-30">
 
-      {% include '../widget/page_content.html' %}
-
-    </div>
+    {% include '../widget/page_content.html' %}
 
   </div>
 

resource/styles/scss/_layout_kibela.scss

@@ -2,10 +2,12 @@
 
   html, body, #page-wrapper {
     background-color: #F4F5F6 !important;
-    height: 500px;
+
   }
 
   .kibela-block {
+    border-top-left-radius: 0.7em;
+    border-top-right-radius: 0.7em;
     position: absolute;
     top: 0px;
     right: 0px;
@@ -17,9 +19,11 @@
     margin: none !important;
     padding: none !important;
     background: transparent;
+    width: 100%;
   }
   .page-content {
-
+    padding: 15px;
+    margin: auto;
   }
 
 }
@@ -40,7 +44,7 @@
     .revision-toc-content {
       padding: 0;
     }
-    @media screen and (max-width: 1430px) {
+    @media screen and (max-width: 1350px) {
       &.affix {
       right: 0rem !important;
       transition: 0.5s ;