fix: only modify padding-bottoms on desktop

Author: kemuru

web/src/pages/Resolver/Briefing/Title.tsx

@@ -16,7 +16,12 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: ${responsiveSize(70, 240)};
+
+  ${landscapeStyle(
+    () => css`
+      padding-bottom: 240px;
+    `
+  )}
 `;
 
 const StyledField = styled(Field)`

web/src/pages/Resolver/Parameters/Category.tsx

@@ -16,7 +16,12 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: ${responsiveSize(70, 191)};
+
+  ${landscapeStyle(
+    () => css`
+      padding-bottom: 191px;
+    `
+  )}
 `;
 
 const StyledField = styled(Field)`

web/src/pages/Resolver/Parameters/Court.tsx

@@ -19,7 +19,12 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: ${responsiveSize(70, 115)};
+
+  ${landscapeStyle(
+    () => css`
+      padding-bottom: 115px;
+    `
+  )}
 `;
 
 const StyledDropdownCascader = styled(DropdownCascader)`

web/src/pages/Resolver/Parameters/Jurors.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 
 import { DisplaySmall, Field } from "@kleros/ui-components-library";
 
@@ -13,6 +13,7 @@ import { isUndefined } from "utils/index";
 import { prepareArbitratorExtradata } from "utils/prepareArbitratorExtradata";
 
 import { responsiveSize } from "styles/responsiveSize";
+import { landscapeStyle } from "styles/landscapeStyle";
 
 import Header from "pages/Resolver/Header";
 
@@ -22,7 +23,12 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: ${responsiveSize(70, 79)};
+
+  ${landscapeStyle(
+    () => css`
+      padding-bottom: 79px;
+    `
+  )}
 `;
 
 const StyledField = styled(Field)`

web/src/pages/Resolver/Policy/index.tsx

@@ -20,7 +20,12 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: ${responsiveSize(70, 82)};
+
+  ${landscapeStyle(
+    () => css`
+      padding-bottom: 82px;
+    `
+  )}
 `;
 
 const StyledLabel = styled.label`