fix штрафы гибдд

css/main/style.less

@@ -5494,4 +5494,69 @@ main .dropdown_blocks_list .dropdown_block .block_body {
             margin-bottom: -14px;
         }
     } 
-  }
+  }
+
+  /* fix for gibdd*/
+  main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block  {
+    &:after {
+        left: 0;
+        right: 0;
+    }
+
+    margin-bottom: 15px;
+
+    .block_body {
+        max-width: none;
+        margin-left: 0;
+
+        @media all and (max-width: 767px) {
+            padding-left: 0;
+        }
+    
+        .fines_detail {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            margin: 0;
+
+            p {
+                width: 100%;
+                margin-bottom: 15px;
+
+                &.fines_doc {
+                    margin-top: 20px;
+
+                    @media all and (max-width: 767px) {
+                        margin-bottom: 0;
+                        margin-top: 10px;
+                    }
+                }
+            }
+
+            ul {
+                margin-left: 0;
+                display: block;
+                width: calc(50% - 15px);
+
+                li {
+                    width: 100%;
+                }
+
+                @media all and (max-width: 767px) {
+                    width: 100%;
+                    padding-bottom: 0;
+                }
+            }
+
+            
+        }
+
+        .dosc_list {
+            @media all and (max-width: 767px) {
+                margin-bottom: 15px;
+            }
+        }
+      }
+  }
+  
+  

pages/contract/fines.js

@@ -141,22 +141,14 @@ class ContractFinesPage extends React.Component
 														{moment(fine.violation_date).format("DD.MM.YYYY")}
 													</b>
 												</li>
-												{ fine.violation_place !== undefined && fine.violation_place !== null && (
-													<li>
-														Место нарушения: <b>{fine.violation_place}</b>
-													</li>
-												) }
+												
 												<li>
 													Сумма:{" "}
 													<b style={{ whiteSpace: "nowrap" }}>
 														{numeral(fine.amount).format(" ., ")}&nbsp;₽
 													</b>
 												</li>
-												{fine.gibdd !== undefined && fine.gibdd !== null && (
-													<li>
-														Подразделение: <b>{fine.gibdd}</b>
-													</li>
-												)}
+												
 												<li>
 													Статус:{" "}
 													<b className={status[fine.status_code]}>
@@ -164,7 +156,20 @@ class ContractFinesPage extends React.Component
 													</b>
 												</li>
 											</ul>
-											<p style={{ paddingTop: "15px" }}>
+
+											<ul>
+												{ fine.violation_place !== undefined && fine.violation_place !== null && (
+													<li>
+														Место нарушения: <b>{fine.violation_place}</b>
+													</li>
+												) }
+												{fine.gibdd !== undefined && fine.gibdd !== null && (
+													<li>
+														Подразделение: <b>{fine.gibdd}</b>
+													</li>
+												)}
+											</ul>
+											<p className="fines_doc">
 												Штраф: {fine.fine_title}
 											</p>
 										</div>
@@ -274,7 +279,6 @@ class ContractFinesPage extends React.Component
 									<div className={`dropdown_block open`}>
 										<div className="block_body full">
 											<div className="company">
-												<p className="title lower">Штрафы ГИБДД</p>
 												{fines !== undefined && fines !== null ? (
 													<>
 														{this._renderFines(fines)}