refactor: simplify secondary styles

apps/client/src/features/control/message/MessageControl.module.scss

@@ -21,6 +21,22 @@
   position: relative;
 }
 
+.corner {
+  transform: rotate(45deg);
+
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  cursor: pointer;
+  color: $ui-white;
+  transition-property: color;
+  transition-duration: $transition-time-action;
+
+  &:hover {
+    color: $ontime-color;
+  }
+}
+
 .options {
   display: flex;
   flex-direction: column;
@@ -29,7 +45,7 @@
 
 .eventStatus {
   position: absolute;
-  right: 0;
+  left: 0;
   margin: 0.5rem 0.25rem;
   display: flex;
   flex-direction: column;

apps/client/src/features/control/message/TimerPreview.tsx

@@ -7,6 +7,7 @@ import { TimerPhase, TimerType } from 'ontime-types';
 
 import { useMessagePreview } from '../../../common/hooks/useSocket';
 import useViewSettings from '../../../common/hooks-query/useViewSettings';
+import { handleLinks } from '../../../common/utils/linkUtils';
 import { cx } from '../../../common/utils/styleUtils';
 import { tooltipDelayMid } from '../../../ontimeConfig';
 
@@ -47,6 +48,7 @@ export default function TimerPreview() {
 
   return (
     <div className={style.preview}>
+      <IoArrowUp className={style.corner} onClick={(event) => handleLinks(event, 'timer')} />
       <div className={contentClasses}>
         <div
           className={style.mainContent}