u

src/components/brand/ArtikelMarke.jsx

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