programs_view

www/data/css/styles_programslist.scss

@@ -39,7 +39,7 @@
 }
 
 .prgl_elem_title {
-  color: #222;
+  color: $COL_TEXT_DARK_DARKER;
   font-size: 40pt;
   font-weight: bolder;
   flex-grow: 1;
@@ -49,6 +49,20 @@
   align-items: center;
 }
 
+.prgl_elem_sdesc {
+  color: $COL_TEXT_DARK_LIGHTER;
+  font-size: 14pt;
+  flex-grow: 1;
+
+  margin-bottom: 20px;
+  margin-left: 10px;
+  margin-right: 10px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .prgl_elem_info {
   display:flex;
   flex-direction: row;
@@ -97,6 +111,10 @@
   .prgl_elem_subinfo_caption {
     text-align: center;
   }
+  .prgl_elem_sdesc {
+    font-size: 12pt;
+    margin-bottom: 10px;
+  }
 }
 @media (max-width: 850px)
 {
@@ -122,6 +140,10 @@
   .prgl_elem_subinfo {
     flex-direction: row;
   }
+  .prgl_elem_sdesc {
+    display: none;
+    visibility: hidden;
+  }
 }