@selfcommunity/react-theme-default 0.4.2-alpha.9 → 0.4.3-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -68,6 +68,18 @@ declare const Component: {
68
68
  maxWidth: string;
69
69
  };
70
70
  };
71
+ '& .SCCommentObject-flag-chip': {
72
+ borderRadius: number;
73
+ display: string;
74
+ width: string;
75
+ };
76
+ };
77
+ '& .SCCommentObject-collapsed': {
78
+ justifyContent: string;
79
+ alignItems: string;
80
+ '& .MuiCardContent-root': {
81
+ marginLeft: any;
82
+ };
71
83
  };
72
84
  '& .SCCommentObject-show-more-content': {
73
85
  color: any;
@@ -70,6 +70,18 @@ const Component = {
70
70
  '& img': {
71
71
  maxWidth: '100%'
72
72
  }
73
+ },
74
+ '& .SCCommentObject-flag-chip': {
75
+ borderRadius: 0,
76
+ display: 'flex',
77
+ width: 'fit-content'
78
+ }
79
+ },
80
+ '& .SCCommentObject-collapsed': {
81
+ justifyContent: 'center',
82
+ alignItems: 'center',
83
+ '& .MuiCardContent-root': {
84
+ marginLeft: theme.spacing(1)
73
85
  }
74
86
  },
75
87
  '& .SCCommentObject-show-more-content': {
@@ -0,0 +1,31 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ '& .SCDefaultDrawerContent-no-results': {
5
+ paddingLeft: any;
6
+ };
7
+ '& .SCDefaultDrawerContent-title': {
8
+ paddingTop: any;
9
+ };
10
+ '& .SCDefaultDrawerContent-navigation': {
11
+ paddingTop: any;
12
+ paddingBottom: number;
13
+ '& .MuiListItemButton-root': {
14
+ paddingLeft: any;
15
+ paddingRight: any;
16
+ '& .MuiListItemText-root .MuiTypography-root': {
17
+ fontWeight: number;
18
+ };
19
+ };
20
+ '& .MuiListItemIcon-root': {
21
+ minWidth: number;
22
+ marginRight: any;
23
+ };
24
+ '& .MuiIcon-root': {
25
+ fontSize: number;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ };
31
+ export default Component;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ '& .SCDefaultDrawerContent-no-results': {
7
+ paddingLeft: theme.spacing(2)
8
+ },
9
+ '& .SCDefaultDrawerContent-title': {
10
+ paddingTop: theme.spacing(1)
11
+ },
12
+ '& .SCDefaultDrawerContent-navigation': {
13
+ paddingTop: theme.spacing(0.5),
14
+ paddingBottom: 0,
15
+ '& .MuiListItemButton-root': {
16
+ paddingLeft: theme.spacing(3),
17
+ paddingRight: theme.spacing(3),
18
+ '& .MuiListItemText-root .MuiTypography-root': {
19
+ fontWeight: 700
20
+ }
21
+ },
22
+ '& .MuiListItemIcon-root': {
23
+ minWidth: 0,
24
+ marginRight: theme.spacing(2)
25
+ },
26
+ '& .MuiIcon-root': {
27
+ fontSize: 18
28
+ }
29
+ }
30
+ })
31
+ }
32
+ };
33
+ exports.default = Component;
@@ -42,6 +42,8 @@ declare const Component: {
42
42
  marginLeft: any;
43
43
  marginBottom: any;
44
44
  backgroundColor: any;
45
+ color: any;
46
+ border: string;
45
47
  '& .SCEventHeader-chip-icon': {
46
48
  marginLeft: any;
47
49
  };
@@ -44,7 +44,9 @@ const Component = {
44
44
  '& .SCEventHeader-chip': {
45
45
  marginLeft: theme.spacing(2),
46
46
  marginBottom: theme.spacing(),
47
- backgroundColor: theme.palette.grey[500],
47
+ backgroundColor: theme.palette.common.white,
48
+ color: theme.palette.error.light,
49
+ border: `1px solid ${theme.palette.grey[400]}`,
48
50
  '& .SCEventHeader-chip-icon': {
49
51
  marginLeft: theme.spacing(1)
50
52
  }
@@ -44,9 +44,11 @@ declare const Component: {
44
44
  '& a:not(.MuiChip-clickable)': {
45
45
  color: string;
46
46
  textDecoration: string;
47
+ display: string;
47
48
  '&::after': {
48
49
  content: string;
49
50
  padding: any;
51
+ alignSelf: string;
50
52
  };
51
53
  '&:last-child::after': {
52
54
  display: string;
@@ -60,7 +62,9 @@ declare const Component: {
60
62
  };
61
63
  };
62
64
  '& .SCFeedObject-group, & .SCFeedObject-event': {
63
- marginRight: string;
65
+ [x: number]: {
66
+ marginRight: string;
67
+ };
64
68
  };
65
69
  };
66
70
  '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -78,6 +82,8 @@ declare const Component: {
78
82
  textTransform: string;
79
83
  };
80
84
  };
85
+ borderBottom: string;
86
+ margin: any;
81
87
  };
82
88
  '& .SCFeedObject-content': {
83
89
  padding: any;
@@ -137,21 +143,22 @@ declare const Component: {
137
143
  boxShadow: string;
138
144
  borderRadius: number;
139
145
  '& .SCFeedObject-category': {
146
+ [x: number]: {
147
+ justifyContent: string;
148
+ };
140
149
  borderBottom: string;
141
150
  margin: any;
142
151
  '& .SCFeedObject-group, & .SCFeedObject-event': {
143
152
  borderBottom: string;
144
- margin: any;
153
+ marginTop: any;
145
154
  '& .MuiChip-icon': {
146
- marginLeft: any;
147
- marginRight: any;
148
155
  fontWeight: any;
149
156
  };
150
157
  };
151
- };
152
- '& .SCFeedObject-group, & .SCFeedObject-event': {
153
- borderBottom: string;
154
- margin: any;
158
+ '& .SCFeedObject-group .MuiChip-icon': {
159
+ marginLeft: any;
160
+ marginRight: any;
161
+ };
155
162
  };
156
163
  '& .SCFeedObject-header': {
157
164
  '& .MuiCardHeader-avatar': {
@@ -47,9 +47,11 @@ const Component = {
47
47
  '& a:not(.MuiChip-clickable)': {
48
48
  color: 'inherit',
49
49
  textDecoration: 'none',
50
+ display: 'inline-flex',
50
51
  '&::after': {
51
52
  content: '"\\2022"',
52
- padding: theme.spacing()
53
+ padding: theme.spacing(),
54
+ alignSelf: 'center'
53
55
  },
54
56
  '&:last-child::after': {
55
57
  display: 'none'
@@ -63,7 +65,9 @@ const Component = {
63
65
  }
64
66
  },
65
67
  '& .SCFeedObject-group, & .SCFeedObject-event': {
66
- marginRight: `${theme.spacing(1)} !important`
68
+ [theme.breakpoints.up('sm')]: {
69
+ marginRight: `${theme.spacing(1)} !important`
70
+ }
67
71
  }
68
72
  },
69
73
  '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -80,7 +84,9 @@ const Component = {
80
84
  color: theme.palette.common.white,
81
85
  textTransform: 'initial'
82
86
  }
83
- }
87
+ },
88
+ borderBottom: '1px solid rgba(221, 221, 221, 1)',
89
+ margin: theme.spacing(1, 2, 0, 2)
84
90
  },
85
91
  '& .SCFeedObject-content': {
86
92
  padding: theme.spacing(1, 0, 0, 0),
@@ -144,18 +150,19 @@ const Component = {
144
150
  margin: theme.spacing(0, 2),
145
151
  '& .SCFeedObject-group, & .SCFeedObject-event': {
146
152
  borderBottom: 'none',
147
- margin: theme.spacing(0),
153
+ marginTop: theme.spacing(0.5),
148
154
  '& .MuiChip-icon': {
149
- marginLeft: theme.spacing(1),
150
- marginRight: theme.spacing(-1),
151
155
  fontWeight: theme.typography.fontWeightRegular
152
156
  }
157
+ },
158
+ '& .SCFeedObject-group .MuiChip-icon': {
159
+ marginLeft: theme.spacing(1),
160
+ marginRight: theme.spacing(-1)
161
+ },
162
+ [theme.breakpoints.down('md')]: {
163
+ justifyContent: 'space-evenly'
153
164
  }
154
165
  },
155
- '& .SCFeedObject-group, & .SCFeedObject-event': {
156
- borderBottom: '1px solid rgba(221, 221, 221, 1)',
157
- margin: theme.spacing(1, 2, 0, 2)
158
- },
159
166
  '& .SCFeedObject-header': {
160
167
  '& .MuiCardHeader-avatar': {
161
168
  marginRight: theme.spacing(1.5),
@@ -18,6 +18,7 @@ declare const Component: {
18
18
  };
19
19
  };
20
20
  popperRoot: ({ theme }: any) => {
21
+ zIndex: number;
21
22
  '& .SCVoteButton-reaction .MuiIcon-root': {
22
23
  fontSize: string;
23
24
  };
@@ -20,6 +20,7 @@ const Component = {
20
20
  }
21
21
  }),
22
22
  popperRoot: ({ theme }) => ({
23
+ zIndex: 1400,
23
24
  '& .SCVoteButton-reaction .MuiIcon-root': {
24
25
  fontSize: '22px'
25
26
  }
@@ -987,6 +987,18 @@ declare const theme: {
987
987
  maxWidth: string;
988
988
  };
989
989
  };
990
+ '& .SCCommentObject-flag-chip': {
991
+ borderRadius: number;
992
+ display: string;
993
+ width: string;
994
+ };
995
+ };
996
+ '& .SCCommentObject-collapsed': {
997
+ justifyContent: string;
998
+ alignItems: string;
999
+ '& .MuiCardContent-root': {
1000
+ marginLeft: any;
1001
+ };
990
1002
  };
991
1003
  '& .SCCommentObject-show-more-content': {
992
1004
  color: any;
@@ -1694,6 +1706,36 @@ declare const theme: {
1694
1706
  };
1695
1707
  };
1696
1708
  };
1709
+ SCDefaultDrawerContent: {
1710
+ styleOverrides: {
1711
+ root: ({ theme }: any) => {
1712
+ '& .SCDefaultDrawerContent-no-results': {
1713
+ paddingLeft: any;
1714
+ };
1715
+ '& .SCDefaultDrawerContent-title': {
1716
+ paddingTop: any;
1717
+ };
1718
+ '& .SCDefaultDrawerContent-navigation': {
1719
+ paddingTop: any;
1720
+ paddingBottom: number;
1721
+ '& .MuiListItemButton-root': {
1722
+ paddingLeft: any;
1723
+ paddingRight: any;
1724
+ '& .MuiListItemText-root .MuiTypography-root': {
1725
+ fontWeight: number;
1726
+ };
1727
+ };
1728
+ '& .MuiListItemIcon-root': {
1729
+ minWidth: number;
1730
+ marginRight: any;
1731
+ };
1732
+ '& .MuiIcon-root': {
1733
+ fontSize: number;
1734
+ };
1735
+ };
1736
+ };
1737
+ };
1738
+ };
1697
1739
  SCEditGroupButton: {
1698
1740
  styleOverrides: {
1699
1741
  root: ({ theme }: any) => {
@@ -2148,9 +2190,11 @@ declare const theme: {
2148
2190
  '& a:not(.MuiChip-clickable)': {
2149
2191
  color: string;
2150
2192
  textDecoration: string;
2193
+ display: string;
2151
2194
  '&::after': {
2152
2195
  content: string;
2153
2196
  padding: any;
2197
+ alignSelf: string;
2154
2198
  };
2155
2199
  '&:last-child::after': {
2156
2200
  display: string;
@@ -2164,7 +2208,9 @@ declare const theme: {
2164
2208
  };
2165
2209
  };
2166
2210
  '& .SCFeedObject-group, & .SCFeedObject-event': {
2167
- marginRight: string;
2211
+ [x: number]: {
2212
+ marginRight: string;
2213
+ };
2168
2214
  };
2169
2215
  };
2170
2216
  '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -2182,6 +2228,8 @@ declare const theme: {
2182
2228
  textTransform: string;
2183
2229
  };
2184
2230
  };
2231
+ borderBottom: string;
2232
+ margin: any;
2185
2233
  };
2186
2234
  '& .SCFeedObject-content': {
2187
2235
  padding: any;
@@ -2241,21 +2289,22 @@ declare const theme: {
2241
2289
  boxShadow: string;
2242
2290
  borderRadius: number;
2243
2291
  '& .SCFeedObject-category': {
2292
+ [x: number]: {
2293
+ justifyContent: string;
2294
+ };
2244
2295
  borderBottom: string;
2245
2296
  margin: any;
2246
2297
  '& .SCFeedObject-group, & .SCFeedObject-event': {
2247
2298
  borderBottom: string;
2248
- margin: any;
2299
+ marginTop: any;
2249
2300
  '& .MuiChip-icon': {
2250
- marginLeft: any;
2251
- marginRight: any;
2252
2301
  fontWeight: any;
2253
2302
  };
2254
2303
  };
2255
- };
2256
- '& .SCFeedObject-group, & .SCFeedObject-event': {
2257
- borderBottom: string;
2258
- margin: any;
2304
+ '& .SCFeedObject-group .MuiChip-icon': {
2305
+ marginLeft: any;
2306
+ marginRight: any;
2307
+ };
2259
2308
  };
2260
2309
  '& .SCFeedObject-header': {
2261
2310
  '& .MuiCardHeader-avatar': {
@@ -7488,6 +7537,8 @@ declare const theme: {
7488
7537
  marginLeft: any;
7489
7538
  marginBottom: any;
7490
7539
  backgroundColor: any;
7540
+ color: any;
7541
+ border: string;
7491
7542
  '& .SCEventHeader-chip-icon': {
7492
7543
  marginLeft: any;
7493
7544
  };
@@ -8247,6 +8298,7 @@ declare const theme: {
8247
8298
  };
8248
8299
  };
8249
8300
  popperRoot: ({ theme }: any) => {
8301
+ zIndex: number;
8250
8302
  '& .SCVoteButton-reaction .MuiIcon-root': {
8251
8303
  fontSize: string;
8252
8304
  };
package/lib/cjs/index.js CHANGED
@@ -62,6 +62,7 @@ const SCCustomAdv_1 = tslib_1.__importDefault(require("./components/SCCustomAdv"
62
62
  const SCCustomSnackMessage_1 = tslib_1.__importDefault(require("./components/SCCustomSnackMessage"));
63
63
  const SCDateTimeAgo_1 = tslib_1.__importDefault(require("./components/SCDateTimeAgo"));
64
64
  const SCDefaultHeaderContent_1 = tslib_1.__importDefault(require("./components/SCDefaultHeaderContent"));
65
+ const SCDefaultDrawerContent_1 = tslib_1.__importDefault(require("./components/SCDefaultDrawerContent"));
65
66
  const SCEditGroupButton_1 = tslib_1.__importDefault(require("./components/SCEditGroupButton"));
66
67
  const SCEditor_1 = tslib_1.__importDefault(require("./components/SCEditor"));
67
68
  const SCEmojiPicker_1 = tslib_1.__importDefault(require("./components/SCEmojiPicker"));
@@ -308,6 +309,7 @@ const theme = {
308
309
  SCCustomSnackMessage: SCCustomSnackMessage_1.default,
309
310
  SCDateTimeAgo: SCDateTimeAgo_1.default,
310
311
  SCDefaultHeaderContent: SCDefaultHeaderContent_1.default,
312
+ SCDefaultDrawerContent: SCDefaultDrawerContent_1.default,
311
313
  SCEditGroupButton: SCEditGroupButton_1.default,
312
314
  SCEditor: SCEditor_1.default,
313
315
  SCEmojiPicker: SCEmojiPicker_1.default,
@@ -68,6 +68,18 @@ declare const Component: {
68
68
  maxWidth: string;
69
69
  };
70
70
  };
71
+ '& .SCCommentObject-flag-chip': {
72
+ borderRadius: number;
73
+ display: string;
74
+ width: string;
75
+ };
76
+ };
77
+ '& .SCCommentObject-collapsed': {
78
+ justifyContent: string;
79
+ alignItems: string;
80
+ '& .MuiCardContent-root': {
81
+ marginLeft: any;
82
+ };
71
83
  };
72
84
  '& .SCCommentObject-show-more-content': {
73
85
  color: any;
@@ -68,6 +68,18 @@ const Component = {
68
68
  '& img': {
69
69
  maxWidth: '100%'
70
70
  }
71
+ },
72
+ '& .SCCommentObject-flag-chip': {
73
+ borderRadius: 0,
74
+ display: 'flex',
75
+ width: 'fit-content'
76
+ }
77
+ },
78
+ '& .SCCommentObject-collapsed': {
79
+ justifyContent: 'center',
80
+ alignItems: 'center',
81
+ '& .MuiCardContent-root': {
82
+ marginLeft: theme.spacing(1)
71
83
  }
72
84
  },
73
85
  '& .SCCommentObject-show-more-content': {
@@ -0,0 +1,31 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ '& .SCDefaultDrawerContent-no-results': {
5
+ paddingLeft: any;
6
+ };
7
+ '& .SCDefaultDrawerContent-title': {
8
+ paddingTop: any;
9
+ };
10
+ '& .SCDefaultDrawerContent-navigation': {
11
+ paddingTop: any;
12
+ paddingBottom: number;
13
+ '& .MuiListItemButton-root': {
14
+ paddingLeft: any;
15
+ paddingRight: any;
16
+ '& .MuiListItemText-root .MuiTypography-root': {
17
+ fontWeight: number;
18
+ };
19
+ };
20
+ '& .MuiListItemIcon-root': {
21
+ minWidth: number;
22
+ marginRight: any;
23
+ };
24
+ '& .MuiIcon-root': {
25
+ fontSize: number;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ };
31
+ export default Component;
@@ -0,0 +1,31 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCDefaultDrawerContent-no-results': {
5
+ paddingLeft: theme.spacing(2)
6
+ },
7
+ '& .SCDefaultDrawerContent-title': {
8
+ paddingTop: theme.spacing(1)
9
+ },
10
+ '& .SCDefaultDrawerContent-navigation': {
11
+ paddingTop: theme.spacing(0.5),
12
+ paddingBottom: 0,
13
+ '& .MuiListItemButton-root': {
14
+ paddingLeft: theme.spacing(3),
15
+ paddingRight: theme.spacing(3),
16
+ '& .MuiListItemText-root .MuiTypography-root': {
17
+ fontWeight: 700
18
+ }
19
+ },
20
+ '& .MuiListItemIcon-root': {
21
+ minWidth: 0,
22
+ marginRight: theme.spacing(2)
23
+ },
24
+ '& .MuiIcon-root': {
25
+ fontSize: 18
26
+ }
27
+ }
28
+ })
29
+ }
30
+ };
31
+ export default Component;
@@ -42,6 +42,8 @@ declare const Component: {
42
42
  marginLeft: any;
43
43
  marginBottom: any;
44
44
  backgroundColor: any;
45
+ color: any;
46
+ border: string;
45
47
  '& .SCEventHeader-chip-icon': {
46
48
  marginLeft: any;
47
49
  };
@@ -42,7 +42,9 @@ const Component = {
42
42
  '& .SCEventHeader-chip': {
43
43
  marginLeft: theme.spacing(2),
44
44
  marginBottom: theme.spacing(),
45
- backgroundColor: theme.palette.grey[500],
45
+ backgroundColor: theme.palette.common.white,
46
+ color: theme.palette.error.light,
47
+ border: `1px solid ${theme.palette.grey[400]}`,
46
48
  '& .SCEventHeader-chip-icon': {
47
49
  marginLeft: theme.spacing(1)
48
50
  }
@@ -44,9 +44,11 @@ declare const Component: {
44
44
  '& a:not(.MuiChip-clickable)': {
45
45
  color: string;
46
46
  textDecoration: string;
47
+ display: string;
47
48
  '&::after': {
48
49
  content: string;
49
50
  padding: any;
51
+ alignSelf: string;
50
52
  };
51
53
  '&:last-child::after': {
52
54
  display: string;
@@ -60,7 +62,9 @@ declare const Component: {
60
62
  };
61
63
  };
62
64
  '& .SCFeedObject-group, & .SCFeedObject-event': {
63
- marginRight: string;
65
+ [x: number]: {
66
+ marginRight: string;
67
+ };
64
68
  };
65
69
  };
66
70
  '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -78,6 +82,8 @@ declare const Component: {
78
82
  textTransform: string;
79
83
  };
80
84
  };
85
+ borderBottom: string;
86
+ margin: any;
81
87
  };
82
88
  '& .SCFeedObject-content': {
83
89
  padding: any;
@@ -137,21 +143,22 @@ declare const Component: {
137
143
  boxShadow: string;
138
144
  borderRadius: number;
139
145
  '& .SCFeedObject-category': {
146
+ [x: number]: {
147
+ justifyContent: string;
148
+ };
140
149
  borderBottom: string;
141
150
  margin: any;
142
151
  '& .SCFeedObject-group, & .SCFeedObject-event': {
143
152
  borderBottom: string;
144
- margin: any;
153
+ marginTop: any;
145
154
  '& .MuiChip-icon': {
146
- marginLeft: any;
147
- marginRight: any;
148
155
  fontWeight: any;
149
156
  };
150
157
  };
151
- };
152
- '& .SCFeedObject-group, & .SCFeedObject-event': {
153
- borderBottom: string;
154
- margin: any;
158
+ '& .SCFeedObject-group .MuiChip-icon': {
159
+ marginLeft: any;
160
+ marginRight: any;
161
+ };
155
162
  };
156
163
  '& .SCFeedObject-header': {
157
164
  '& .MuiCardHeader-avatar': {
@@ -45,9 +45,11 @@ const Component = {
45
45
  '& a:not(.MuiChip-clickable)': {
46
46
  color: 'inherit',
47
47
  textDecoration: 'none',
48
+ display: 'inline-flex',
48
49
  '&::after': {
49
50
  content: '"\\2022"',
50
- padding: theme.spacing()
51
+ padding: theme.spacing(),
52
+ alignSelf: 'center'
51
53
  },
52
54
  '&:last-child::after': {
53
55
  display: 'none'
@@ -61,7 +63,9 @@ const Component = {
61
63
  }
62
64
  },
63
65
  '& .SCFeedObject-group, & .SCFeedObject-event': {
64
- marginRight: `${theme.spacing(1)} !important`
66
+ [theme.breakpoints.up('sm')]: {
67
+ marginRight: `${theme.spacing(1)} !important`
68
+ }
65
69
  }
66
70
  },
67
71
  '& .SCFeedObject-group, & .SCFeedObject-event': {
@@ -78,7 +82,9 @@ const Component = {
78
82
  color: theme.palette.common.white,
79
83
  textTransform: 'initial'
80
84
  }
81
- }
85
+ },
86
+ borderBottom: '1px solid rgba(221, 221, 221, 1)',
87
+ margin: theme.spacing(1, 2, 0, 2)
82
88
  },
83
89
  '& .SCFeedObject-content': {
84
90
  padding: theme.spacing(1, 0, 0, 0),
@@ -142,18 +148,19 @@ const Component = {
142
148
  margin: theme.spacing(0, 2),
143
149
  '& .SCFeedObject-group, & .SCFeedObject-event': {
144
150
  borderBottom: 'none',
145
- margin: theme.spacing(0),
151
+ marginTop: theme.spacing(0.5),
146
152
  '& .MuiChip-icon': {
147
- marginLeft: theme.spacing(1),
148
- marginRight: theme.spacing(-1),
149
153
  fontWeight: theme.typography.fontWeightRegular
150
154
  }
155
+ },
156
+ '& .SCFeedObject-group .MuiChip-icon': {
157
+ marginLeft: theme.spacing(1),
158
+ marginRight: theme.spacing(-1)
159
+ },
160
+ [theme.breakpoints.down('md')]: {
161
+ justifyContent: 'space-evenly'
151
162
  }
152
163
  },
153
- '& .SCFeedObject-group, & .SCFeedObject-event': {
154
- borderBottom: '1px solid rgba(221, 221, 221, 1)',
155
- margin: theme.spacing(1, 2, 0, 2)
156
- },
157
164
  '& .SCFeedObject-header': {
158
165
  '& .MuiCardHeader-avatar': {
159
166
  marginRight: theme.spacing(1.5),