Merge pull request #1908 from weseek/support/tops-responsive

change to expand element unless its reach to max

src/client/styles/scss/_layout_kibela.scss

@@ -87,6 +87,7 @@ body.kibela {
     left: 0px;
     z-index: absolute;
     height: 11em;
+    max-width: 840px;
     margin: auto;
     border-top: solid 0.4em #5584e1;
     border-radius: 0.35em;

src/server/views/layout-kibela/base/layout.html

@@ -11,7 +11,7 @@
 
   <div class="row body m-0 p-0">
 
-    <div id="main" class="main col-md-7 col-12 kibela-block bg-white round-corner {% if page %}{{ css.grant(page) }}{% endif %}{% block main_css_class %}{% endblock %}">
+    <div id="main" class="main col-12 kibela-block bg-white round-corner {% if page %}{{ css.grant(page) }}{% endif %}{% block main_css_class %}{% endblock %}">
       <div class="row grw-subnav">
         <div class="col-12 grw-title-bar">
           {% block content_header %} {% endblock %}