Make right as default tooltip placement

src/components/views/elements/AccessibleButton.tsx

@@ -138,7 +138,7 @@ const AccessibleButton = forwardRef(function <T extends keyof JSX.IntrinsicEleme
         triggerOnMouseDown,
         title,
         caption,
-        placement,
+        placement = "right",
         onTooltipOpenChange,
         ...restProps
     }: Props<T>,

src/components/views/elements/CopyableText.tsx

@@ -59,7 +59,6 @@ const CopyableText: React.FC<IProps> = ({ children, getTextToCopy, border = true
                 onTooltipOpenChange={(open) => {
                     if (!open) onHideTooltip();
                 }}
-                placement="right"
             />
         </div>
     );

src/components/views/elements/ImageView.tsx

@@ -517,15 +517,13 @@ export default class ImageView extends React.Component<IProps, IState> {
                 className="mx_ImageView_button mx_ImageView_button_zoomOut"
                 title={_t("action|zoom_out")}
                 onClick={this.onZoomOutClick}
-                placement="right"
             />
         );
         const zoomInButton = (
             <AccessibleButton
                 className="mx_ImageView_button mx_ImageView_button_zoomIn"
                 title={_t("action|zoom_in")}
                 onClick={this.onZoomInClick}
-                placement="right"
             />
         );
 
@@ -559,26 +557,22 @@ export default class ImageView extends React.Component<IProps, IState> {
                             className="mx_ImageView_button mx_ImageView_button_rotateCCW"
                             title={_t("lightbox|rotate_left")}
                             onClick={this.onRotateCounterClockwiseClick}
-                            placement="right"
                         />
                         <AccessibleButton
                             className="mx_ImageView_button mx_ImageView_button_rotateCW"
                             title={_t("lightbox|rotate_right")}
                             onClick={this.onRotateClockwiseClick}
-                            placement="right"
                         />
                         <AccessibleButton
                             className="mx_ImageView_button mx_ImageView_button_download"
                             title={_t("action|download")}
                             onClick={this.onDownloadClick}
-                            placement="right"
                         />
                         {contextMenuButton}
                         <AccessibleButton
                             className="mx_ImageView_button mx_ImageView_button_close"
                             title={_t("action|close")}
                             onClick={this.props.onFinished}
-                            placement="right"
                         />
                         {this.renderContextMenu()}
                     </div>

src/components/views/elements/SSOButtons.tsx

@@ -130,7 +130,7 @@ const SSOButton: React.FC<ISSOButtonProps> = ({
     if (mini) {
         // TODO fallback icon
         return (
-            <AccessibleButton {...props} title={label} className={classes} onClick={onClick} placement="right">
+            <AccessibleButton {...props} title={label} className={classes} onClick={onClick}>
                 {icon}
             </AccessibleButton>
         );

src/components/views/elements/ToggleSwitch.tsx

@@ -63,7 +63,6 @@ export default ({ checked, disabled = false, onChange, title, tooltip, ...props
             aria-checked={checked}
             aria-disabled={disabled}
             title={tooltip}
-            placement="right"
         >
             <div className="mx_ToggleSwitch_ball" />
         </AccessibleButton>