fix card courses - refs #2681

assets/css/scss/_base.scss

@@ -440,7 +440,12 @@ hr {
     break-inside: avoid;
     display: inline-table;
     .card-session{
-      border-bottom-width: 5px;
+      .card-body{
+        padding: 0;
+        .card-inside{
+          padding: 0.8rem;
+        }
+      }
       .card-title{
         font-size: 16px;
         a{
@@ -468,6 +473,9 @@ hr {
   grid-gap: 1rem;
   grid-row-gap: 16px;
   grid-template-columns: repeat(2, 1fr);
+  @include large($breakpoint-xl){
+    grid-template-columns: repeat(3, 1fr);
+  }
   @include portrait($breakpoint-sm, $breakpoint-md){
     grid-template-columns: repeat(2, 1fr);
   }

src/ThemeBundle/Resources/views/Index/userportal.html.twig

@@ -25,8 +25,5 @@
             </div>
         </div>
 
-
-
-
     {% endautoescape %}
 {% endblock %}

src/ThemeBundle/Resources/views/Layout/layout_one_col.html.twig

@@ -41,7 +41,7 @@
 
         {# Content #}
         {% block content %}
-        <section class="container">
+        <section class="container-fluid">
             {{ content }}
         </section>
         {% endblock %}

src/ThemeBundle/Resources/views/Macros/box.html.twig

@@ -285,8 +285,7 @@
 
 {% macro box_session(id, title, content, image) %}
     {% autoescape false %}
-        {% set values = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']%}
-        <div id="session-{{ id }}" class="card card-session" style="border-bottom-color: {{ '#' ~ random(values)~ random(values)~ random(values)~ random(values)~ random(values)~ random(values)~'50'  }}; ">
+        <div id="session-{{ id }}" class="card card-session">
             <div class="card-body">
                 <div class="card-info">
                     <div class="row">
@@ -294,7 +293,9 @@
                             {{ image }}
                         </div>
                         <div class="col-md-7">
-                            {{ title }}
+                            <div class="card-inside">
+                                {{ title }}
+                            </div>
                         </div>
                     </div>
                 </div>