Updated all long style names to be more compact

• Updated:
- all long style names to be more compact

app/javascript/gabsocial/components/modal/modal_layout.js

@@ -26,17 +26,17 @@ class ModalLayout extends React.PureComponent {
     } = this.props
 
     const childrenContainerClasses = cx({
-      default: 1,
-      heightMax80VH: 1,
+      _: 1,
+      maxH80VH: 1,
       overflowYScroll: 1,
       px15: !noPadding,
       py10: !noPadding,
     })
 
     return (
-      <div style={{width: `${width}px`}} className={[_s.default, _s.modal].join(' ')}>
+      <div style={{width: `${width}px`}} className={[_s._, _s.modal].join(' ')}>
         <Block>
-          <div className={[_s.default, _s.flexRow, _s.alignItemsCenter, _s.justifyContentCenter, _s.borderBottom1PX, _s.borderColorSecondary, _s.height53PX, _s.px15].join(' ')}>
+          <div className={[_s._, _s.flexRow, _s.aiCenter, _s.jcCenter, _s.borderBottom1PX, _s.borderColorSecondary, _s.h53PX, _s.px15].join(' ')}>
             <Heading size='h2'>
               {title}
             </Heading>