From 213f9a2d84a8405d2716b96bf0ac1e842a3e465f Mon Sep 17 00:00:00 2001
From: Lawrence Wang <l@lw.io>
Date: Thu, 25 Jul 2019 17:30:33 -0700
Subject: [PATCH] CDP-321 remove exception for medium screens

---
 src/components/CDPDisplay/subcomponents.js | 22 ----------------------
 1 file changed, 22 deletions(-)

diff --git a/src/components/CDPDisplay/subcomponents.js b/src/components/CDPDisplay/subcomponents.js
index c84942fbb..0d921b170 100644
--- a/src/components/CDPDisplay/subcomponents.js
+++ b/src/components/CDPDisplay/subcomponents.js
@@ -8,11 +8,6 @@ import {
   Text
 } from '@makerdao/ui-components-core';
 import styled from 'styled-components';
-import theme from 'styles/theme';
-
-const mediumScreenMinBreakpoint = theme.breakpoints.xl;
-const mediumScreenMaxBreakpoint = '1425px';
-const mediaMediumScreen = `@media (min-width: ${mediumScreenMinBreakpoint}) and (max-width: ${mediumScreenMaxBreakpoint})`;
 
 const WithSeparators = styled(Box).attrs(() => ({
   borderBottom: '1px solid',
@@ -54,11 +49,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
           css={`
             grid-column: 1;
             grid-row: span 2;
-
-            ${mediaMediumScreen} {
-              grid-row: 1;
-              grid-column: span 3;
-            }
           `}
           t="body"
         >
@@ -68,10 +58,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
           css={`
             grid-column: 2;
             grid-row: ${conversion ? '1' : 'span 2'};
-
-            ${mediaMediumScreen} {
-              grid-row: 2;
-            }
           `}
           t="h5"
           color="darkLavender"
@@ -84,10 +70,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
             css={`
               grid-row: 2;
               grid-column: 2;
-
-              ${mediaMediumScreen} {
-                grid-row: 3;
-              }
             `}
             justifySelf="end"
           >
@@ -98,10 +80,6 @@ export const ActionContainerRow = ({ title, value, conversion, button }) => {
           css={`
             grid-column: 3;
             grid-row: span 2;
-
-            ${mediaMediumScreen} {
-              grid-row: ${conversion ? 'span 2' : '2'};
-            }
           `}
         >
           {button}