drupal - responsive ceniki

frontend/drupal9/web/themes/custom/pro1ka/css/style.css

@@ -2356,6 +2356,9 @@ a {
         font-weight: 400;
         text-align: right; }
 
+@media screen and (max-width: 991px) {
+  .cenik-prikaz .ostale-storitve.w-70 .compare-col {
+    text-align: center; } }
 .iskani-rezultat p {
   color: #333; }
 .iskani-rezultat h3 {
@@ -6369,7 +6372,9 @@ p {
     padding-top: 0px; }
 
   .compare-col-frame {
-    margin-top: 106px; }
+    margin-top: 106px;
+    margin-left: 10px;
+    margin-right: 10px; }
 
   .sidelink {
     padding-right: 19px; }
@@ -6434,10 +6439,22 @@ p {
     font-size: 14px; }
 
   .compare-col.leftcol {
+    -webkit-box-flex: 2;
+    -webkit-flex: 2;
+    -ms-flex: 2;
+    flex: 2; }
+
+  .ostale-storitve .compare-col.leftcol {
     -webkit-box-flex: 100%;
     -webkit-flex: 100%;
     -ms-flex: 100%;
     flex: 100%; }
+  .ostale-storitve .accordion-title-block {
+    display: block; }
+    .ostale-storitve .accordion-title-block .title-cena {
+      width: 49%;
+      display: inline-block;
+      text-align: center; }
 
   .compare-row {
     -webkit-flex-wrap: wrap;
@@ -6522,18 +6539,26 @@ p {
   .compare-col.leftcol {
     margin-top: 0px;
     padding-top: 0px;
-    padding-bottom: 0px;
-    border-bottom: 1px solid #d1d1d1; }
+    padding-bottom: 0px; }
 
-  .compare-row {
-    border-bottom-style: none; }
+  /*   .ostale-storitve-tabela{
+      .compare-col.leftcol {
+        border-bottom: 1px solid #d1d1d1;
+      }
     
+      .compare-row {
+        border-bottom-style: none;
+      }
+    } */
   .cd {
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 15px;
     text-align: center; }
 
+  .ostale-storitve .cd {
+    text-align: left; }
+
   .slide-partners {
     width: 50%; }
 

frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss

@@ -2582,6 +2582,8 @@ p {
 
   .compare-col-frame {
     margin-top: 106px;
+    margin-left: 10px;
+    margin-right: 10px;
   }
 
   .sidelink {
@@ -2657,10 +2659,29 @@ p {
   }
 
   .compare-col.leftcol {
-    -webkit-box-flex: 100%;
-    -webkit-flex: 100%;
-    -ms-flex: 100%;
-    flex: 100%;
+    -webkit-box-flex: 2;
+    -webkit-flex: 2;
+    -ms-flex: 2;
+    flex: 2;
+  }
+
+  .ostale-storitve{
+    .compare-col.leftcol {
+      -webkit-box-flex: 100%;
+      -webkit-flex: 100%;
+      -ms-flex: 100%;
+      flex: 100%;
+    }
+
+    .accordion-title-block{
+      display: block;
+
+      .title-cena{
+        width: 49%;
+        display: inline-block;
+        text-align: center;
+      }
+    }
   }
 
   .compare-row {
@@ -2769,13 +2790,23 @@ p {
     margin-top: 0px;
     padding-top: 0px;
     padding-bottom: 0px;
-    border-bottom: 1px solid #d1d1d1;
+    //border-bottom: 1px solid #d1d1d1;
   }
 
   .compare-row {
-    border-bottom-style: none;
+    //border-bottom-style: none;
   }
 
+/*   .ostale-storitve-tabela{
+    .compare-col.leftcol {
+      border-bottom: 1px solid #d1d1d1;
+    }
+  
+    .compare-row {
+      border-bottom-style: none;
+    }
+  } */
+
   .cd {
     padding-top: 10px;
     padding-bottom: 10px;
@@ -2783,6 +2814,12 @@ p {
     text-align: center;
   }
 
+  .ostale-storitve{
+    .cd {
+      text-align: left;
+    }
+  }
+
   .slide-partners {
     width: 50%;
   }

frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss

@@ -70,3 +70,14 @@
   }
 }
 
+@media screen and (max-width: 991px) {
+  .cenik-prikaz {
+    .ostale-storitve {
+      &.w-70 {
+        .compare-col {
+          text-align: center;
+        }
+      }
+    }
+  }
+}