fix: inline styles to classes

templates/documents/bill-of-payment.html

@@ -35,8 +35,6 @@
             margin-top: 8px;
             display: flex;
             justify-content: space-between;
-            /*flex-direction: column;*/
-            /*text-align: right;*/
         }
 
         .footer-block {
@@ -80,8 +78,6 @@
 
         td, th {
             padding: 16px 13px;
-            /*word-wrap: unset;*/
-
         }
 
         td:first-child, th:first-child {
@@ -96,10 +92,21 @@
             text-align: left;
         }
 
+        td:first-child {
+            white-space: normal;
+            word-wrap: break-word;
+        }
+
         td:not(:first-child), th:not(:first-child) {
             text-align: right;
         }
 
+        td:not(:first-child) {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
         img {
             width: 170px;
             margin-bottom: 15px;
@@ -109,10 +116,6 @@
             border-top: 2px solid black;
         }
 
-        .footer-right {
-            text-align: right;
-        }
-
         .footer-line-right {
             font-size: medium;
             font-weight: bolder;
@@ -166,23 +169,13 @@
                 <tbody>
                 {% for service in services %}
                 <tr>
-                    <td
-                            style=" white-space: normal; word-wrap: break-word;"
-                    >{{ service.name }}
-                    </td>
-                    <td   style=" white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; ">{{ service.amount }} шт.</td>
-                    <td   style="  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; ">{{ service.price }} ₽</td>
-                    <td style=" white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; ">{{ '{:,}'.format(service.price * service.amount).replace(',', ' ') }}dshfghfghfghfg ₽</td>
+                    <td>{{ service.name }}</td>
+                    <td>{{ '{:,}'.format(service.amount) }} шт.</td>
+                    <td>{{ '{:,}'.format(service.price).replace(',', ' ') }} ₽</td>
+                    <td>{{ '{:,}'.format(service.price * service.amount).replace(',', ' ') }} ₽</td>
                 </tr>
                 {% endfor %}
                 </tbody>
-
             </table>
         </div>
         <div class="footer">
@@ -195,8 +188,6 @@
         </div>
         <div class="footer-words">
             <div class="footer-line-right">{{ deal_price_words }}</div>
-
-
         </div>
     </div>
 </div>