From ad81d523b89eef2e06aef6a0aae40fa228cdf441 Mon Sep 17 00:00:00 2001
From: mominur-helios <mominur.rahman@heliosinsider.com>
Date: Wed, 31 May 2023 12:36:06 +0600
Subject: [PATCH] fix inline formsets issue and add some icons

---
 admin_datta/static/assets/css/forms.css       | 19 ++++++-----
 admin_datta/static/assets/css/widgets.css     | 28 +++++++--------
 .../static/assets/images/icon-addlink.svg     |  3 ++
 .../static/assets/images/icon-calendar.svg    |  9 +++++
 .../static/assets/images/icon-changelink.svg  |  3 ++
 .../static/assets/images/icon-clock.svg       |  9 +++++
 .../static/assets/images/icon-deletelink.svg  |  3 ++
 admin_datta/static/assets/images/icon-no.svg  |  3 ++
 .../static/assets/images/icon-unknown-alt.svg |  3 ++
 .../static/assets/images/icon-unknown.svg     |  3 ++
 .../static/assets/images/icon-viewlink.svg    |  3 ++
 admin_datta/static/assets/images/icon-yes.svg |  3 ++
 .../static/assets/images/inline-delete.svg    |  3 ++
 admin_datta/static/assets/images/search.svg   |  3 ++
 .../static/assets/images/selector-icons.svg   | 34 +++++++++++++++++++
 .../templates/admin/edit_inline/tabular.html  |  3 +-
 admin_datta/templates/layouts/base.html       |  6 ++++
 17 files changed, 114 insertions(+), 24 deletions(-)
 create mode 100644 admin_datta/static/assets/images/icon-addlink.svg
 create mode 100644 admin_datta/static/assets/images/icon-calendar.svg
 create mode 100644 admin_datta/static/assets/images/icon-changelink.svg
 create mode 100644 admin_datta/static/assets/images/icon-clock.svg
 create mode 100644 admin_datta/static/assets/images/icon-deletelink.svg
 create mode 100644 admin_datta/static/assets/images/icon-no.svg
 create mode 100644 admin_datta/static/assets/images/icon-unknown-alt.svg
 create mode 100644 admin_datta/static/assets/images/icon-unknown.svg
 create mode 100644 admin_datta/static/assets/images/icon-viewlink.svg
 create mode 100644 admin_datta/static/assets/images/icon-yes.svg
 create mode 100644 admin_datta/static/assets/images/inline-delete.svg
 create mode 100644 admin_datta/static/assets/images/search.svg
 create mode 100644 admin_datta/static/assets/images/selector-icons.svg

diff --git a/admin_datta/static/assets/css/forms.css b/admin_datta/static/assets/css/forms.css
index b472c2d..8c49125 100755
--- a/admin_datta/static/assets/css/forms.css
+++ b/admin_datta/static/assets/css/forms.css
@@ -7,11 +7,14 @@
     padding: 10px;
     font-size: 13px;
     border-bottom: 1px solid #eee;
+    display: table-row !important;
 }
-
 .form-row img, .form-row input {
     vertical-align: middle;
 }
+.form-row .field-title {
+    padding-left: 0 !important;
+}
 
 .form-row label input[type="checkbox"] {
     margin-top: 0;
@@ -466,13 +469,13 @@ body.popup .submit-row {
 }
 
 .inline-group .tabular th.original {
-    width: 0px;
-    padding: 0;
+    width: 0px !important;
+    padding: 0 !important;
 }
 
 .inline-group .tabular td.original p {
     position: absolute;
-    right: 0;
+    left: 5px;
     /*height: 1.1em;*/
     /*padding: 2px 9px;*/
     overflow: hidden;
@@ -509,13 +512,13 @@ body.popup .submit-row {
 .inline-group ul.tools a.add,
 .inline-group div.add-row a,
 .inline-group .tabular tr.add-row td a {
-    background: url(../img/icon-addlink.svg) 0 1px no-repeat;
+    background: url(../images/icon-addlink.svg) 0 1px no-repeat;
     padding-left: 16px;
     font-size: 12px;
 }
 
 .empty-form {
-    display: none;
+    display: none !important;
 }
 
 /* RELATED FIELD ADD ONE / LOOKUP */
@@ -531,13 +534,13 @@ body.popup .submit-row {
 .add-another {
     width: 16px;
     height: 16px;
-    background-image: url(../img/icon-addlink.svg);
+    background-image: url(../images/icon-addlink.svg);
 }
 
 .related-lookup {
     width: 16px;
     height: 16px;
-    background-image: url(../img/search.svg);
+    background-image: url(../images/search.svg);
 }
 
 form .related-widget-wrapper ul {
diff --git a/admin_datta/static/assets/css/widgets.css b/admin_datta/static/assets/css/widgets.css
index b4d235a..cdaac21 100755
--- a/admin_datta/static/assets/css/widgets.css
+++ b/admin_datta/static/assets/css/widgets.css
@@ -123,7 +123,7 @@
 }
 
 .selector-add {
-    background: url(../img/selector-icons.svg) 0 -96px no-repeat;
+    background: url(../images/selector-icons.svg) 0 -96px no-repeat;
 }
 
 .active.selector-add:focus, .active.selector-add:hover {
@@ -131,7 +131,7 @@
 }
 
 .selector-remove {
-    background: url(../img/selector-icons.svg) 0 -64px no-repeat;
+    background: url(../images/selector-icons.svg) 0 -64px no-repeat;
 }
 
 .active.selector-remove:focus, .active.selector-remove:hover {
@@ -166,7 +166,7 @@ a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
 
 a.selector-chooseall {
     padding: 0 18px 0 0;
-    background: url(../img/selector-icons.svg) right -160px no-repeat;
+    background: url(../images/selector-icons.svg) right -160px no-repeat;
     cursor: default;
 }
 
@@ -176,7 +176,7 @@ a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
 
 a.selector-clearall {
     padding: 0 0 0 18px;
-    background: url(../img/selector-icons.svg) 0 -128px no-repeat;
+    background: url(../images/selector-icons.svg) 0 -128px no-repeat;
     cursor: default;
 }
 
@@ -226,7 +226,7 @@ a.active.selector-clearall:focus, a.active.selector-clearall:hover {
 }
 
 .stacked .selector-add {
-    background: url(../img/selector-icons.svg) 0 -32px no-repeat;
+    background: url(../images/selector-icons.svg) 0 -32px no-repeat;
     cursor: default;
 }
 
@@ -236,7 +236,7 @@ a.active.selector-clearall:focus, a.active.selector-clearall:hover {
 }
 
 .stacked .selector-remove {
-    background: url(../img/selector-icons.svg) 0 0 no-repeat;
+    background: url(../images/selector-icons.svg) 0 0 no-repeat;
     cursor: default;
 }
 
@@ -246,7 +246,7 @@ a.active.selector-clearall:focus, a.active.selector-clearall:hover {
 }
 
 .selector .help-icon {
-    background: url(../img/icon-unknown.svg) 0 0 no-repeat;
+    background: url(../images/icon-unknown.svg) 0 0 no-repeat;
     display: inline-block;
     vertical-align: middle;
     margin: -2px 0 0 2px;
@@ -255,11 +255,11 @@ a.active.selector-clearall:focus, a.active.selector-clearall:hover {
 }
 
 .selector .selector-chosen .help-icon {
-    background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat;
+    background: url(../images/icon-unknown-alt.svg) 0 0 no-repeat;
 }
 
 .selector .search-label-icon {
-    background: url(../img/search.svg) 0 0 no-repeat;
+    background: url(../images/search.svg) 0 0 no-repeat;
     display: inline-block;
     height: 25px;
     width: 25px;
@@ -305,7 +305,7 @@ table p.datetime {
 }
 
 .datetimeshortcuts .clock-icon {
-    background: url(../img/icon-clock.svg) 0 0 no-repeat;
+    background: url(../images/icon-clock.svg) 0 0 no-repeat;
 }
 
 .datetimeshortcuts a:focus .clock-icon,
@@ -314,7 +314,7 @@ table p.datetime {
 }
 
 .datetimeshortcuts .date-icon {
-    background: url(../img/icon-calendar.svg) 0 0 no-repeat;
+    background: url(../images/icon-calendar.svg) 0 0 no-repeat;
     top: -1px;
 }
 
@@ -502,7 +502,7 @@ span.clearable-file-input label {
 
 .calendarnav-previous {
     left: 10px;
-    background: url(../img/calendar-icons.svg) 0 0 no-repeat;
+    background: url(../images/calendar-icons.svg) 0 0 no-repeat;
 }
 
 .calendarbox .calendarnav-previous:focus,
@@ -512,7 +512,7 @@ span.clearable-file-input label {
 
 .calendarnav-next {
     right: 10px;
-    background: url(../img/calendar-icons.svg) 0 -30px no-repeat;
+    background: url(../images/calendar-icons.svg) 0 -30px no-repeat;
 }
 
 .calendarbox .calendarnav-next:focus,
@@ -553,7 +553,7 @@ ul.timelist, .timelist li {
 .inline-deletelink {
     float: right;
     text-indent: -9999px;
-    background: url(../img/inline-delete.svg) 0 0 no-repeat;
+    background: url(../images/inline-delete.svg) 0 0 no-repeat;
     width: 16px;
     height: 16px;
     border: 0px none;
diff --git a/admin_datta/static/assets/images/icon-addlink.svg b/admin_datta/static/assets/images/icon-addlink.svg
new file mode 100644
index 0000000..e004fb1
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-addlink.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#70bf2b" d="M1600 796v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-calendar.svg b/admin_datta/static/assets/images/icon-calendar.svg
new file mode 100644
index 0000000..97910a9
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-calendar.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="32" viewBox="0 0 1792 3584" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="icon">
+      <path d="M192 1664h288v-288h-288v288zm352 0h320v-288h-320v288zm-352-352h288v-320h-288v320zm352 0h320v-320h-320v320zm-352-384h288v-288h-288v288zm736 736h320v-288h-320v288zm-384-736h320v-288h-320v288zm768 736h288v-288h-288v288zm-384-352h320v-320h-320v320zm-352-864v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm736 864h288v-320h-288v320zm-384-384h320v-288h-320v288zm384 0h288v-288h-288v288zm32-480v-288q0-13-9.5-22.5t-22.5-9.5h-64q-13 0-22.5 9.5t-9.5 22.5v288q0 13 9.5 22.5t22.5 9.5h64q13 0 22.5-9.5t9.5-22.5zm384-64v1280q0 52-38 90t-90 38h-1408q-52 0-90-38t-38-90v-1280q0-52 38-90t90-38h128v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h384v-96q0-66 47-113t113-47h64q66 0 113 47t47 113v96h128q52 0 90 38t38 90z"/>
+    </g>
+  </defs>
+  <use xlink:href="#icon" x="0" y="0" fill="#447e9b" />
+  <use xlink:href="#icon" x="0" y="1792" fill="#003366" />
+</svg>
diff --git a/admin_datta/static/assets/images/icon-changelink.svg b/admin_datta/static/assets/images/icon-changelink.svg
new file mode 100644
index 0000000..bbb137a
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-changelink.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#efb80b" d="M491 1536l91-91-235-235-91 91v107h128v128h107zm523-928q0-22-22-22-10 0-17 7l-542 542q-7 7-7 17 0 22 22 22 10 0 17-7l542-542q7-7 7-17zm-54-192l416 416-832 832h-416v-416zm683 96q0 53-37 90l-166 166-416-416 166-165q36-38 90-38 53 0 91 38l235 234q37 39 37 91z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-clock.svg b/admin_datta/static/assets/images/icon-clock.svg
new file mode 100644
index 0000000..bf9985d
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-clock.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="32" viewBox="0 0 1792 3584" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="icon">
+      <path d="M1024 544v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23zm416 352q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+  </defs>
+  <use xlink:href="#icon" x="0" y="0" fill="#447e9b" />
+  <use xlink:href="#icon" x="0" y="1792" fill="#003366" />
+</svg>
diff --git a/admin_datta/static/assets/images/icon-deletelink.svg b/admin_datta/static/assets/images/icon-deletelink.svg
new file mode 100644
index 0000000..4059b15
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-deletelink.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#dd4646" d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-no.svg b/admin_datta/static/assets/images/icon-no.svg
new file mode 100644
index 0000000..2e0d383
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-no.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#dd4646" d="M1277 1122q0-26-19-45l-181-181 181-181q19-19 19-45 0-27-19-46l-90-90q-19-19-46-19-26 0-45 19l-181 181-181-181q-19-19-45-19-27 0-46 19l-90 90q-19 19-19 46 0 26 19 45l181 181-181 181q-19 19-19 45 0 27 19 46l90 90q19 19 46 19 26 0 45-19l181-181 181 181q19 19 45 19 27 0 46-19l90-90q19-19 19-46zm387-226q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-unknown-alt.svg b/admin_datta/static/assets/images/icon-unknown-alt.svg
new file mode 100644
index 0000000..1c6b99f
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-unknown-alt.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#ffffff" d="M1024 1376v-192q0-14-9-23t-23-9h-192q-14 0-23 9t-9 23v192q0 14 9 23t23 9h192q14 0 23-9t9-23zm256-672q0-88-55.5-163t-138.5-116-170-41q-243 0-371 213-15 24 8 42l132 100q7 6 19 6 16 0 25-12 53-68 86-92 34-24 86-24 48 0 85.5 26t37.5 59q0 38-20 61t-68 45q-63 28-115.5 86.5t-52.5 125.5v36q0 14 9 23t23 9h192q14 0 23-9t9-23q0-19 21.5-49.5t54.5-49.5q32-18 49-28.5t46-35 44.5-48 28-60.5 12.5-81zm384 192q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-unknown.svg b/admin_datta/static/assets/images/icon-unknown.svg
new file mode 100644
index 0000000..50b4f97
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-unknown.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#666666" d="M1024 1376v-192q0-14-9-23t-23-9h-192q-14 0-23 9t-9 23v192q0 14 9 23t23 9h192q14 0 23-9t9-23zm256-672q0-88-55.5-163t-138.5-116-170-41q-243 0-371 213-15 24 8 42l132 100q7 6 19 6 16 0 25-12 53-68 86-92 34-24 86-24 48 0 85.5 26t37.5 59q0 38-20 61t-68 45q-63 28-115.5 86.5t-52.5 125.5v36q0 14 9 23t23 9h192q14 0 23-9t9-23q0-19 21.5-49.5t54.5-49.5q32-18 49-28.5t46-35 44.5-48 28-60.5 12.5-81zm384 192q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-viewlink.svg b/admin_datta/static/assets/images/icon-viewlink.svg
new file mode 100644
index 0000000..a1ca1d3
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-viewlink.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#2b70bf" d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131.5 316.5t-316.5 131.5-316.5-131.5-131.5-316.5q0-121 61-225-229 117-381 353 133 205 333.5 326.5t434.5 121.5 434.5-121.5 333.5-326.5zm-720-384q0-20-14-34t-34-14q-125 0-214.5 89.5t-89.5 214.5q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376.5 368.5t-499.5 138.5-499.5-139-376.5-368q-20-35-20-69t20-69q140-229 376.5-368t499.5-139 499.5 139 376.5 368q20 35 20 69z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/icon-yes.svg b/admin_datta/static/assets/images/icon-yes.svg
new file mode 100644
index 0000000..5883d87
--- /dev/null
+++ b/admin_datta/static/assets/images/icon-yes.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#70bf2b" d="M1412 734q0-28-18-46l-91-90q-19-19-45-19t-45 19l-408 407-226-226q-19-19-45-19t-45 19l-91 90q-18 18-18 46 0 27 18 45l362 362q19 19 45 19 27 0 46-19l543-543q18-18 18-45zm252 162q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/inline-delete.svg b/admin_datta/static/assets/images/inline-delete.svg
new file mode 100644
index 0000000..17d1ad6
--- /dev/null
+++ b/admin_datta/static/assets/images/inline-delete.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#999999" d="M1277 1122q0-26-19-45l-181-181 181-181q19-19 19-45 0-27-19-46l-90-90q-19-19-46-19-26 0-45 19l-181 181-181-181q-19-19-45-19-27 0-46 19l-90 90q-19 19-19 46 0 26 19 45l181 181-181 181q-19 19-19 45 0 27 19 46l90 90q19 19 46 19 26 0 45-19l181-181 181 181q19 19 45 19 27 0 46-19l90-90q19-19 19-46zm387-226q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/search.svg b/admin_datta/static/assets/images/search.svg
new file mode 100644
index 0000000..c8c69b2
--- /dev/null
+++ b/admin_datta/static/assets/images/search.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#555555" d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/>
+</svg>
diff --git a/admin_datta/static/assets/images/selector-icons.svg b/admin_datta/static/assets/images/selector-icons.svg
new file mode 100644
index 0000000..926b8e2
--- /dev/null
+++ b/admin_datta/static/assets/images/selector-icons.svg
@@ -0,0 +1,34 @@
+<svg width="16" height="192" viewBox="0 0 1792 21504" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <g id="up">
+      <path d="M1412 895q0-27-18-45l-362-362-91-91q-18-18-45-18t-45 18l-91 91-362 362q-18 18-18 45t18 45l91 91q18 18 45 18t45-18l189-189v502q0 26 19 45t45 19h128q26 0 45-19t19-45v-502l189 189q19 19 45 19t45-19l91-91q18-18 18-45zm252 1q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+    <g id="down">
+      <path d="M1412 897q0-27-18-45l-91-91q-18-18-45-18t-45 18l-189 189v-502q0-26-19-45t-45-19h-128q-26 0-45 19t-19 45v502l-189-189q-19-19-45-19t-45 19l-91 91q-18 18-18 45t18 45l362 362 91 91q18 18 45 18t45-18l91-91 362-362q18-18 18-45zm252-1q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+    <g id="left">
+      <path d="M1408 960v-128q0-26-19-45t-45-19h-502l189-189q19-19 19-45t-19-45l-91-91q-18-18-45-18t-45 18l-362 362-91 91q-18 18-18 45t18 45l91 91 362 362q18 18 45 18t45-18l91-91q18-18 18-45t-18-45l-189-189h502q26 0 45-19t19-45zm256-64q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+    <g id="right">
+      <path d="M1413 896q0-27-18-45l-91-91-362-362q-18-18-45-18t-45 18l-91 91q-18 18-18 45t18 45l189 189h-502q-26 0-45 19t-19 45v128q0 26 19 45t45 19h502l-189 189q-19 19-19 45t19 45l91 91q18 18 45 18t45-18l362-362 91-91q18-18 18-45zm251 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+    <g id="clearall">
+      <path transform="translate(336, 336) scale(0.75)" d="M1037 1395l102-102q19-19 19-45t-19-45l-307-307 307-307q19-19 19-45t-19-45l-102-102q-19-19-45-19t-45 19l-454 454q-19 19-19 45t19 45l454 454q19 19 45 19t45-19zm627-499q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+    <g id="chooseall">
+      <path transform="translate(336, 336) scale(0.75)" d="M845 1395l454-454q19-19 19-45t-19-45l-454-454q-19-19-45-19t-45 19l-102 102q-19 19-19 45t19 45l307 307-307 307q-19 19-19 45t19 45l102 102q19 19 45 19t45-19zm819-499q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
+    </g>
+  </defs>
+  <use xlink:href="#up" x="0" y="0" fill="#666666" />
+  <use xlink:href="#up" x="0" y="1792" fill="#447e9b" />
+  <use xlink:href="#down" x="0" y="3584" fill="#666666" />
+  <use xlink:href="#down" x="0" y="5376" fill="#447e9b" />
+  <use xlink:href="#left" x="0" y="7168" fill="#666666" />
+  <use xlink:href="#left" x="0" y="8960" fill="#447e9b" />
+  <use xlink:href="#right" x="0" y="10752" fill="#666666" />
+  <use xlink:href="#right" x="0" y="12544" fill="#447e9b" />
+  <use xlink:href="#clearall" x="0" y="14336" fill="#666666" />
+  <use xlink:href="#clearall" x="0" y="16128" fill="#447e9b" />
+  <use xlink:href="#chooseall" x="0" y="17920" fill="#666666" />
+  <use xlink:href="#chooseall" x="0" y="19712" fill="#447e9b" />
+</svg>
diff --git a/admin_datta/templates/admin/edit_inline/tabular.html b/admin_datta/templates/admin/edit_inline/tabular.html
index 9450d6e..5e268c9 100644
--- a/admin_datta/templates/admin/edit_inline/tabular.html
+++ b/admin_datta/templates/admin/edit_inline/tabular.html
@@ -23,8 +23,7 @@ <h2>{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}</h2>
 
                             {% for field in inline_admin_formset.fields %}
                                 {% if not field.widget.is_hidden %}
-                                    <th class="column-
-                                            {{ field.name }}{% if field.required %} required{% endif %}">{{ field.label|capfirst }}
+                                    <th class="column-{{ field.name }}{% if field.required %} required{% endif %}">{{ field.label|capfirst }}
                                         {% if field.help_text %}
                                             <img src="{% static "admin/img/icon-unknown.svg" %}" class="help help-tooltip"
                                                  width="10" height="10" alt="({{ field.help_text|striptags }})"
diff --git a/admin_datta/templates/layouts/base.html b/admin_datta/templates/layouts/base.html
index 1d420f0..c06ac71 100644
--- a/admin_datta/templates/layouts/base.html
+++ b/admin_datta/templates/layouts/base.html
@@ -1,9 +1,15 @@
 <!DOCTYPE html>
+{% load i18n static admin_datta %}
+{% get_current_language as LANGUAGE_CODE %}
+{% get_current_language_bidi as LANGUAGE_BIDI %}
+{% get_direction as direction %}
+{% get_admin_setting as admin_setting %}
 <html lang="en">
 
 <head>
   {% include 'includes/head.html' %}
   {% block extrastyle %}{% endblock extrastyle %}
+  {% block extrahead %}{% endblock extrahead %}
 </head>
 <body>