u

src/components/brand/ArtikelMarke.jsx

@@ -97,53 +97,53 @@ class ArtikelMarke extends PureComponent {
 
     return (
       <>
-      <ListItem
-        disableGutters
-        sx={{ gap: 1, py: 0.75, alignItems: 'center', width: '100%', minWidth: 0, ...sx }}
-      >
-        <BrandThumb
-          brand={brand}
-          size={40}
-          fallback={
-            <IconButton
-              aria-label={`Logo für „${name}" suchen`}
-              disabled={disabled}
-              onClick={this.handleSearchLogo}
-              sx={{ width: 40, height: 40, flexShrink: 0 }}
-            >
-              <ImageSearchIcon sx={{ fontSize: 24 }} />
-            </IconButton>
-          }
-        />
-        <SingleLineTextEdit
-          size="small"
-          label=""
-          value={draft}
-          disabled={disabled}
-          onChange={this.handleChange}
-          onBlur={this.handleBlur}
-          onKeyDown={this.handleKeyDown}
-          sx={{ flex: 1 }}
-        />
-          <span>
-            <IconButton
-              edge="end"
-              aria-label={`„${name}" löschen`}
-              disabled={disabled}
-              onClick={this.handleDelete}
-              sx={{ width: 40, height: 40 }}
-            >
-              <DeleteOutlinedIcon sx={{ fontSize: 24 }} />
-            </IconButton>
-          </span>
-      </ListItem>
-      {logoOpen ? (
-        <BrandImageSearchDialog
-          open
-          brand={brand}
-          onClose={this.handleLogoClose}
-        />
-      ) : null}
+        <ListItem
+          disableGutters
+          sx={{ gap: 1, py: 0.75, alignItems: 'center', width: '100%', minWidth: 0, ...sx }}
+        >
+          <BrandThumb
+            brand={brand}
+            size={40}
+            fallback={
+              <IconButton
+                aria-label={`Logo für „${name}" suchen`}
+                disabled={disabled}
+                onClick={this.handleSearchLogo}
+                sx={{ width: 40, height: 40, flexShrink: 0 }}
+              >
+                <ImageSearchIcon sx={{ fontSize: 24 }} />
+              </IconButton>
+            }
+          />
+
+          <SingleLineTextEdit
+            size="small"
+            label=""
+            value={draft}
+            disabled={disabled}
+            onChange={this.handleChange}
+            onBlur={this.handleBlur}
+            onKeyDown={this.handleKeyDown}
+            sx={{ flex: 1, minWidth: 0 }}
+          />
+
+          <IconButton
+            edge="end"
+            aria-label={`„${name}" löschen`}
+            disabled={disabled}
+            onClick={this.handleDelete}
+            sx={{ width: 40, height: 40, flexShrink: 0 }}
+          >
+            <DeleteOutlinedIcon sx={{ fontSize: 24 }} />
+          </IconButton>
+        </ListItem>
+        {logoOpen ? (
+          <BrandImageSearchDialog
+            open
+            brand={brand}
+            onClose={this.handleLogoClose}
+          />
+        ) : null}
       </>
     );
   }