From 9af50a0a8d013ef887c9cd8624203e129b05845e Mon Sep 17 00:00:00 2001
From: Rene Saarsoo <nene@triin.net>
Date: Sun, 4 Oct 2020 17:04:59 +0300
Subject: [PATCH] Add Beta label

---
 src/App.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index fabb228..e81c27d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -38,6 +38,15 @@ const Logo = styled.img.attrs({ src: logo, width: 45, height: 45 })`
   vertical-align: bottom;
 `;
 
+const Beta = styled.span`
+  display: inline-block;
+  color: #cc2222;
+  opacity: 0.7;
+  font-size: 20px;
+  font-weight: bold;
+  transform: rotate(20deg) translate(-15px, -8px);
+`;
+
 // Split range-intervals into 1 minute chunks
 const chunkSize = new Duration(60);
 
@@ -58,7 +67,7 @@ export function App() {
   
   return (
     <AppContainer>
-      <AppTitle><Logo />Workout editor</AppTitle>
+      <AppTitle><Logo />Workout editor <Beta>beta</Beta></AppTitle>
       <CodeEditor onValueChange={onChange} value={text} />
       <WorkoutPlot intervals={chunkRangeIntervals(workout.intervals, chunkSize)} />
       {error && <ErrorMessage>{error}</ErrorMessage>}