fix inline formsets issue and add some icons

Author: mominur-helios

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 {

admin_datta/static/assets/css/widgets.css

@@ -123,15 +123,15 @@
 }
 
 .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 {
     background-position: 0 -112px;
 }
 
 .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;