Fix position of context menu in layer settings for layers with long n…

…ames (#7747)

* fix position of context menu

* add PR number

* improve changelog

CHANGELOG.unreleased.md

@@ -29,6 +29,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 - Fixed that invisible nodes could be selected when using the skeleton tool. [#7732](https://github.com/scalableminds/webknossos/pull/7732)
 - Fixed a bug where users that have no team memberships were omitted from the user list. [#7721](https://github.com/scalableminds/webknossos/pull/7721)
 - Added an appropriate placeholder to be rendered in case the timetracking overview is otherwise empty. [#7736](https://github.com/scalableminds/webknossos/pull/7736)
+- The overflow menu in the layer settings tab for layers with long names can now be opened comfortably. [#7747](https://github.com/scalableminds/webknossos/pull/7747)
 
 ### Removed
 

frontend/javascripts/oxalis/view/left-border-tabs/layer_settings_tab.tsx

@@ -816,13 +816,13 @@ class DatasetSettings extends React.PureComponent<DatasetSettingsProps, State> {
             {isColorLayer ? null : this.getOptionalDownsampleVolumeIcon(maybeVolumeTracing)}
           </div>
         </div>
-        <Dropdown menu={{ items }} trigger={["hover"]} placement="bottomRight">
-          <div className="flex-container" style={{ cursor: "pointer" }}>
-            <div className="flex-item">
+        <div className="flex-container" style={{ cursor: "pointer" }}>
+          <div className="flex-item">
+            <Dropdown menu={{ items }} trigger={["hover"]} placement="bottomRight">
               <EllipsisOutlined />
-            </div>
+            </Dropdown>
           </div>
-        </Dropdown>
+        </div>
       </div>
     );
   };