Import UI : Fix issue with size of rename button (#5012)

* Fix issue with size of rename button

* Add css instead of hard coded style attribute

core/ui/ImportListing.tid

@@ -49,10 +49,10 @@ title: $:/core/ui/ImportListing
 <td>
 <$reveal type="nomatch" state=<<renameFieldState>> text="yes" tag="div">
 <$reveal type="nomatch" state=<<previewPopupState>> text="yes" tag="div" class="tc-flex">
-<$button class="tc-btn-invisible tc-btn-dropdown tc-flex-grow-1" set=<<previewPopupState>> setTo="yes">
+<$button class="tc-btn-invisible tc-btn-dropdown tc-flex-grow-1 tc-word-break" set=<<previewPopupState>> setTo="yes">
 <span class="tc-small-gap-right">{{$:/core/images/right-arrow}}</span><$text text={{{[subfilter<payloadTitleFilter>]}}}/>
 </$button>
-<$button class="tc-btn-invisible tc-small-gap-left" set=<<renameFieldState>> setTo="yes" tooltip={{{[<lingo-base>addsuffix[Listing/Rename/Tooltip]get[text]]}}}>{{$:/core/images/edit-button}}</$button>
+<$button class="tc-btn-invisible" set=<<renameFieldState>> setTo="yes" tooltip={{{[<lingo-base>addsuffix[Listing/Rename/Tooltip]get[text]]}}}>{{$:/core/images/edit-button}}</$button>
 </$reveal>
 <$reveal type="match" state=<<previewPopupState>> text="yes" tag="div">
 <$button class="tc-btn-invisible tc-btn-dropdown" set=<<previewPopupState>> setTo="no">

themes/tiddlywiki/vanilla/base.tid

@@ -2055,6 +2055,18 @@ html body.tc-body.tc-single-tiddler-window {
 	width: 100%;
 }
 
+.tc-import-table svg.tc-image-edit-button {
+	max-width: unset;
+}
+
+.tc-import-table th:first-of-type {
+	width: 10%;
+}
+
+.tc-import-table th:last-of-type {
+	width: 30%;
+}
+
 /*
 ** Alerts
 */
@@ -2847,3 +2859,7 @@ select {
 .tc-big-gap-right {
 	margin-right: 1em;
 }
+
+.tc-word-break {
+	word-break: break-all;
+}