Fix middle align

Author: lunny

templates/repo/release/new.tmpl

@@ -58,18 +58,20 @@
 					</div>
 				</div>
 				{{range .attachments}}
-					<div class="field middle aligned" id="attachment-{{.ID}}">
-						<span class="ui text middle aligned right">
+					<div class="field" id="attachment-{{.ID}}">
+						<div class="ui right df ac wrap_remove">
 							<a class="ui mini compact red button remove-rel-attach" data-id="{{.ID}}" data-uuid="{{.UUID}}">
 								{{$.i18n.Tr "remove"}}
 							</a>
-						</span>
-						<input name="attachment-edit-{{.UUID}}" style="width:450px" required value="{{.Name}}"/>
-						<input name="attachment-del-{{.UUID}}" type="hidden" value="false"/>
-						<span class="ui text grey">{{.Size | FileSize}}</span>
-						<span class="poping up" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
-							{{svg "octicon-info"}}
-						</span>
+						</div>
+						<div class="df ac">
+							<input name="attachment-edit-{{.UUID}}" class="mr-3 attachment_edit" required value="{{.Name}}"/>
+							<input name="attachment-del-{{.UUID}}" type="hidden" value="false"/>
+							<span class="ui text grey mr-3">{{.Size | FileSize}}</span>
+							<span class="poping up" data-content="{{$.i18n.Tr "repo.release.download_count" (.DownloadCount | PrettyNumber)}}">
+								{{svg "octicon-info"}}
+							</span>
+						</div>
 					</div>
 				{{end}}
 				{{if .IsAttachmentEnabled}}

web_src/less/_repository.less

@@ -1863,6 +1863,13 @@
           margin-bottom: 1em;
         }
       }
+
+      .wrap_remove {
+        height: 38px;
+      }
+      .attachment_edit {
+        width: 450px !important;
+      }
     }
   }