Undid changes to Service Status

components/styles/cards/desktop.tsx

@@ -82,13 +82,11 @@ const CardTitleIcon = styled.div`
 const CardStatus = styled.p<OnlinePropType>`
   display: flex;
   flex-direction: row;
-  position: absolute;
-  top: -0.8rem;
-  left: 80%;
 
   font-size: 0.9rem;
-  padding: 0 0.2rem;
-  margin: 0;
+  padding: 0.1rem 0.3rem;
+  margin: 0.5rem;
+  margin-right: 1.5rem;
   
   color: ${props => {
     let ret;
@@ -109,34 +107,10 @@ const CardStatus = styled.p<OnlinePropType>`
   }};
 
   border-radius: 0.5rem;
-    border: 0.125rem solid;
+  border: 0;
+  border-bottom: 0.125rem solid;
 
-    ${({ theme }) => {
-    let ret;
-
-    if (theme.backgroundImage) {
-      ret = css`
-        background-image: ${() => {
-          return css`
-            linear-gradient(${theme.colors.background}, ${theme.colors.background}),
-            url(${theme.backgroundImage})
-          `
-        }};
-        background-repeat: no-repeat;
-        background-attachment: fixed;
-        background-size: cover; 
-        background-position: ${theme.backgroundOffset ? theme.backgroundOffset :  "60%"};
-        background-position-y: 0;
-      `;
-    }
-    else {
-      ret = css`
-        background-color: ${({ theme }) => theme.colors.background};
-      `;
-    }
-
-    return ret;
-  }};
+  background: transparent;
 `
 
 const CardTitle = styled.div`