From ffc46f3b4119a25ae9fdf5b50375815d5d8f2a03 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 16 Jun 2023 17:37:40 -0700
Subject: [PATCH] Remove preview when on mobile sizes

---
 components/common/SegmentedControl/index.scss     | 5 +++++
 components/party/PartySegmentedControl/index.scss | 4 ++++
 components/reps/RepSegment/index.scss             | 9 +++++++++
 3 files changed, 18 insertions(+)

diff --git a/components/common/SegmentedControl/index.scss b/components/common/SegmentedControl/index.scss
index 5866f6ad..ad209992 100644
--- a/components/common/SegmentedControl/index.scss
+++ b/components/common/SegmentedControl/index.scss
@@ -1,6 +1,10 @@
 .SegmentedControlWrapper {
   display: flex;
   justify-content: center;
+
+  @include breakpoint(phone) {
+    width: 100%;
+  }
 }
 
 .SegmentedControl {
@@ -14,6 +18,7 @@
 
   @include breakpoint(phone) {
     background: var(--card-bg);
+    border-radius: 100px;
   }
 
   &.fire {
diff --git a/components/party/PartySegmentedControl/index.scss b/components/party/PartySegmentedControl/index.scss
index cc9379af..c58ebcc8 100644
--- a/components/party/PartySegmentedControl/index.scss
+++ b/components/party/PartySegmentedControl/index.scss
@@ -22,6 +22,10 @@
       width: 100%;
   }
 
+  @include breakpoint(phone) {
+    padding: 0;
+  }
+
   .SegmentedControl {
     gap: $unit;
     flex-grow: 1;
diff --git a/components/reps/RepSegment/index.scss b/components/reps/RepSegment/index.scss
index b77056a9..e6cedb46 100644
--- a/components/reps/RepSegment/index.scss
+++ b/components/reps/RepSegment/index.scss
@@ -45,6 +45,11 @@
       background: #fff;
     }
 
+    @include breakpoint(phone) {
+      border-radius: 100px;
+      padding-bottom: $unit;
+    }
+
     .Wrapper {
       display: flex;
       flex-direction: column;
@@ -60,5 +65,9 @@
   @include breakpoint(phone) {
     min-width: initial;
     width: 100%;
+
+    .Rep {
+      display: none;
+    }
   }
 }