mario-teacher-student-client 1.2.6 → 1.3.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.
@@ -9,6 +9,8 @@ interface Props {
9
9
  gradeLevel?: number;
10
10
  informationUser?: any;
11
11
  clickOpenProfileDialog?: any;
12
+ isConference?: boolean;
13
+ sessionType?: string;
12
14
  }
13
15
  declare const ConductTop: FC<Props>;
14
16
  export default ConductTop;
@@ -12,7 +12,7 @@ declare const useConductOne: () => {
12
12
  isUnlocked: boolean;
13
13
  setIsUnclocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
14
14
  onChangeToogleAfterSession: () => Promise<void>;
15
- fnfinishSession: (cb: any) => Promise<void>;
15
+ fnfinishSession: (sessionTypeCategoryId: number, cb: any) => Promise<void>;
16
16
  sessionId: string;
17
17
  sessionResultId: number;
18
18
  length: number;
@@ -11,6 +11,7 @@ interface Props {
11
11
  answerStudentConferenceRubric: any;
12
12
  imageTeacher: string;
13
13
  imageStudent: string;
14
+ isPageResultConference?: boolean;
14
15
  }
15
16
  declare const RubricTable: FC<Props>;
16
17
  export default RubricTable;
@@ -11,6 +11,7 @@ interface Props {
11
11
  answerStudentConferenceRubric: any;
12
12
  imageTeacher: string;
13
13
  imageStudent: string;
14
+ isPageResultConference?: boolean;
14
15
  }
15
16
  declare const StartRubric: FC<Props>;
16
17
  export default StartRubric;
@@ -14,7 +14,6 @@ declare const useConferenceRubric: () => {
14
14
  addNoteRubric: (itemId: number, note: string) => Promise<void>;
15
15
  answerAdditionalQuestion: (questionId: number, text: string) => void;
16
16
  answerRubric: () => Promise<void>;
17
- choiceAssessment: (itemId: number, isFinal: boolean, assessment: string) => void;
18
17
  findItemAnswerById: (itemId: number, isResult: boolean) => CONFERENCE_RUBRIC_ITEM_ANSWER | null | undefined;
19
18
  checkAnswerFull: boolean;
20
19
  conferenceRubric: CONFERENCE_RUBRIC_TYPES;
@@ -0,0 +1,10 @@
1
+ declare const useNoteConferences: () => {
2
+ teacherNoteData: any;
3
+ studentNoteData: any;
4
+ privateNoteData: any;
5
+ getAllNoteSession: (sessionId: any) => Promise<void>;
6
+ createSessionSingleNote: (note: any, sessionResultId: any, sessionId: any) => Promise<void>;
7
+ deleteNote: (noteId: any, sessionId: any) => Promise<void>;
8
+ updatePrivateNote: (privateNote: any, sessionId: any) => Promise<void>;
9
+ };
10
+ export default useNoteConferences;
@@ -13,6 +13,11 @@ export interface SESSION_TYPE {
13
13
  isTeacherDone?: boolean;
14
14
  teacherName: string;
15
15
  studentId?: number;
16
+ studentAvatar?: string;
17
+ teacherAvatar?: string;
18
+ studentName?: string;
19
+ gradeLevel?: number;
20
+ finalScore?: string;
16
21
  }
17
22
  export interface STUDENT_PROFILE {
18
23
  id: number;
@@ -12,6 +12,7 @@ export interface SESSION_TYPE {
12
12
  isTeacherFavourite: boolean;
13
13
  isTeacherDone?: boolean;
14
14
  teacherName: string;
15
+ teacherProfileImage: string;
15
16
  }
16
17
  export interface STUDENT_PROFILE {
17
18
  id: number;
@@ -3,5 +3,6 @@ declare const useSessionCompleted: () => {
3
3
  changeFilters: (updatedFilters: any) => any;
4
4
  filters: any;
5
5
  selectFavourite: (itemID: string) => Promise<void>;
6
+ changRouteQuestion: (studentId: number) => Promise<void>;
6
7
  };
7
8
  export default useSessionCompleted;
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  interface Props {
3
3
  informationUser: any;
4
+ clickOpenProfileDialog?: any;
4
5
  }
5
- declare const InformationUser: ({ informationUser }: Props) => JSX.Element;
6
+ declare const InformationUser: ({ informationUser, clickOpenProfileDialog }: Props) => JSX.Element;
6
7
  export default InformationUser;
@@ -1,3 +1,15 @@
1
+ export interface FILTER_STUDENT_SESSION {
2
+ currentPage: number;
3
+ pageSize: number;
4
+ searchString: string;
5
+ sortBy: string;
6
+ sortOrder?: string;
7
+ name?: string;
8
+ startDate?: number;
9
+ endDate?: number;
10
+ isDone?: boolean;
11
+ isDescending: boolean;
12
+ }
1
13
  export interface FILTER_SESSION {
2
14
  currentPage: number;
3
15
  pageSize: number;
@@ -22,8 +34,15 @@ export interface SESSION_TYPE {
22
34
  isFavourite: boolean;
23
35
  isTeacherFavourite: boolean;
24
36
  isTeacherDone?: boolean;
25
- teacherName: string;
26
37
  studentProfile: any;
38
+ teacherName: string;
39
+ }
40
+ export interface STUDENT_PROFILE {
41
+ id: number;
42
+ userId: string;
43
+ name: string;
44
+ avatar: string;
45
+ classes: string[];
27
46
  }
28
47
  export interface CLASS_REFLECTION {
29
48
  id: number;
@@ -32,11 +51,16 @@ export interface CLASS_REFLECTION {
32
51
  status: string;
33
52
  teacherName: string;
34
53
  isDone: string;
54
+ classImpactScore?: string;
35
55
  }
36
56
  export interface QuestionAnswer {
37
57
  id: number;
38
58
  answer: string;
39
59
  }
60
+ export declare enum OrderByStudent {
61
+ id = 0,
62
+ name = 1
63
+ }
40
64
  export interface ActionPointType {
41
65
  id?: string;
42
66
  text: string;
@@ -1,7 +1,7 @@
1
- import { FILTER_SESSION } from "../constants/types";
1
+ import { FILTER_STUDENT_SESSION } from "../constants/types";
2
2
  declare const useStudentHistory: () => {
3
3
  changeFilters: (updatedFilters: any) => void;
4
- filters: FILTER_SESSION;
4
+ filters: FILTER_STUDENT_SESSION;
5
5
  studentReflectionHistory: any;
6
6
  };
7
7
  export default useStudentHistory;
@@ -1,7 +1,7 @@
1
- import { FILTER_SESSION } from "../constants/types";
1
+ import { FILTER_STUDENT_SESSION } from "../constants/types";
2
2
  declare const useStudentList: () => {
3
3
  students: any;
4
4
  changeFilters: (updatedFilters: any) => void;
5
- filters: FILTER_SESSION;
5
+ filters: FILTER_STUDENT_SESSION;
6
6
  };
7
7
  export default useStudentList;
@@ -1,7 +1,7 @@
1
- import { FILTER_SESSION } from "../constants/types";
1
+ import { FILTER_STUDENT_SESSION } from "../constants/types";
2
2
  declare const useStudentToDo: () => {
3
3
  changeFilters: (updatedFilters: any) => void;
4
- filters: FILTER_SESSION;
4
+ filters: FILTER_STUDENT_SESSION;
5
5
  studentReflectionToDo: any;
6
6
  };
7
7
  export default useStudentToDo;
package/dist/index.css CHANGED
@@ -25,6 +25,7 @@
25
25
 
26
26
  ._vnH2n {
27
27
  display: flex;
28
+ height: 76px;
28
29
  justify-content: space-between;
29
30
  align-items: center;
30
31
  padding: 20px 16px;
@@ -96,6 +97,18 @@ p._1YLGi {
96
97
  width: 100%;
97
98
  max-width: 1000px; }
98
99
 
100
+ ._p-cUG {
101
+ display: flex;
102
+ align-items: center;
103
+ margin-bottom: 20px;
104
+ flex-wrap: wrap; }
105
+ ._p-cUG ._337MJ {
106
+ flex: 1 0 30%; }
107
+ ._p-cUG ._k_dl- {
108
+ display: block;
109
+ width: 100%;
110
+ max-width: 100%; }
111
+
99
112
  ._1M6M1 {
100
113
  display: flex;
101
114
  align-items: center;
@@ -135,17 +148,17 @@ p._1YLGi {
135
148
  padding-top: 0; } }
136
149
 
137
150
  @media (max-width: 600px) {
138
- ._1wmi8 {
151
+ ._1M6M1 ._1wmi8 {
139
152
  padding: 10px 30px; }
140
- ._1wmi8 img {
153
+ ._1M6M1 ._1wmi8 img {
141
154
  width: 38px;
142
155
  height: 38px; }
143
- p {
144
- color: rgba(0, 0, 0, 0.87);
145
- font-size: 13px;
146
- margin-bottom: 0;
147
- font-weight: 500;
148
- padding-top: 8px; } }
156
+ ._1M6M1 ._1wmi8 p {
157
+ color: rgba(0, 0, 0, 0.87);
158
+ font-size: 13px;
159
+ margin-bottom: 0;
160
+ font-weight: 500;
161
+ padding-top: 5px; } }
149
162
 
150
163
  ._KKK4u {
151
164
  display: flex;
@@ -162,7 +175,8 @@ p._1YLGi {
162
175
  display: flex;
163
176
  align-items: center;
164
177
  padding: 5px 10px;
165
- border-radius: 15px; }
178
+ border-radius: 15px;
179
+ margin-left: 14px; }
166
180
  ._275AS span {
167
181
  margin-right: 5px; }
168
182
 
@@ -498,7 +512,7 @@ p._1YLGi {
498
512
  ._oYOOf {
499
513
  display: flex;
500
514
  flex-direction: row;
501
- padding: 10px 20px;
515
+ padding: 10px 15px;
502
516
  border-bottom: 1px solid #ebebeb; }
503
517
  ._oYOOf ._1T6-Y {
504
518
  flex: 1;
@@ -519,12 +533,18 @@ p._1YLGi {
519
533
  font-size: 18px;
520
534
  line-height: 24px;
521
535
  display: flex;
522
- margin-bottom: 10px;
523
536
  align-items: end; }
524
537
  ._oYOOf ._3KmXg ._36Yiv {
525
538
  font-weight: 600;
526
539
  font-size: 20px;
527
- line-height: 24px; }
540
+ line-height: 24px;
541
+ padding: 5px 0;
542
+ width: 80%;
543
+ overflow: hidden;
544
+ text-overflow: ellipsis;
545
+ display: -webkit-box;
546
+ -webkit-line-clamp: 2;
547
+ word-break: break-all; }
528
548
  ._oYOOf ._3KmXg ._2xzQn {
529
549
  font-weight: 600;
530
550
  font-size: 15px;
@@ -547,6 +567,14 @@ p._1YLGi {
547
567
  padding: 15px; }
548
568
  ._3NAmf button {
549
569
  width: 100%; }
570
+ @media (max-width: 767px) {
571
+ ._3NAmf {
572
+ bottom: 0;
573
+ right: 0;
574
+ position: fixed;
575
+ background-color: #ffffff;
576
+ width: 100%;
577
+ margin-bottom: -1px; } }
550
578
 
551
579
  ._3VNff {
552
580
  padding: 0; }
@@ -558,7 +586,7 @@ p._1YLGi {
558
586
  background: #fed7e2;
559
587
  color: #702459;
560
588
  padding: 5px 8px;
561
- margin-top: 10px;
589
+ margin-top: 5px;
562
590
  border-radius: 70px;
563
591
  width: -webkit-max-content;
564
592
  width: -moz-max-content;
@@ -791,7 +819,8 @@ p._1YLGi {
791
819
  height: 100%; }
792
820
 
793
821
  ._3mDrv {
794
- height: 100%; }
822
+ height: 100%;
823
+ margin: 0 -20px -20px -20px; }
795
824
 
796
825
  ._23S4z {
797
826
  overflow: scroll;
@@ -894,12 +923,48 @@ p._1YLGi {
894
923
  font-weight: 600;
895
924
  padding: 5px;
896
925
  background-color: #CEEDFF;
897
- border-radius: 15px; }
926
+ border-radius: 15px;
927
+ width: -webkit-max-content;
928
+ width: -moz-max-content;
929
+ width: max-content; }
898
930
  ._n2Grq ._2werz ._1ll_P {
899
931
  font-size: 18px;
900
932
  font-weight: 700;
901
933
  margin-bottom: 10px; }
902
934
 
935
+ ._18Kga {
936
+ font-size: 24px;
937
+ font-weight: 700;
938
+ padding: 15px;
939
+ border-bottom: 1px solid #ebebeb; }
940
+
941
+ ._1gCac {
942
+ margin-bottom: 90px; }
943
+
944
+ ._2g648 {
945
+ padding: 10px 0;
946
+ width: 100%;
947
+ border-bottom: 1px solid #ebebeb;
948
+ display: flex;
949
+ align-items: center; }
950
+ ._2g648 ._37CyR {
951
+ font-weight: 700;
952
+ font-size: 24px;
953
+ line-height: 28px; }
954
+ ._2g648 ._2gfkC {
955
+ margin: 0 15px;
956
+ font-size: 30px;
957
+ cursor: pointer; }
958
+
959
+ @media (max-width: 767px) {
960
+ ._1svn1, ._1OjcF {
961
+ padding: 0 15px; }
962
+ ._1OjcF ._35oxu {
963
+ font-size: 12px;
964
+ font-weight: 400;
965
+ color: rgba(0, 0, 0, 0.54);
966
+ margin-left: 10px; } }
967
+
903
968
  @font-face {
904
969
  font-family: "Lato-Regular";
905
970
  src: url("/fonts/Lato-Regular.ttf");
@@ -1114,16 +1179,6 @@ p._1YLGi {
1114
1179
  ._2laTD {
1115
1180
  padding-top: 20px; } }
1116
1181
 
1117
- ._2PZMK {
1118
- background: #fed7e2;
1119
- color: #702459;
1120
- padding: 5px 8px;
1121
- margin-top: 10px;
1122
- border-radius: 70px;
1123
- width: -webkit-max-content;
1124
- width: -moz-max-content;
1125
- width: max-content; }
1126
-
1127
1182
  ._7kjhr {
1128
1183
  font-size: 15px; }
1129
1184
 
@@ -1152,15 +1207,6 @@ p._1YLGi {
1152
1207
  width: 100%;
1153
1208
  flex: 1; }
1154
1209
 
1155
- ._2PZMK {
1156
- background: #fed7e2;
1157
- color: #702459;
1158
- padding: 5px 8px;
1159
- border-radius: 70px;
1160
- width: -webkit-max-content;
1161
- width: -moz-max-content;
1162
- width: max-content; }
1163
-
1164
1210
  ._3QPbd {
1165
1211
  display: flex;
1166
1212
  flex-direction: column;
@@ -1445,6 +1491,18 @@ p._1YLGi {
1445
1491
  font-weight: 700;
1446
1492
  margin-bottom: 10px; }
1447
1493
 
1494
+ @font-face {
1495
+ font-family: "Lato-Regular";
1496
+ src: url("/fonts/Lato-Regular.ttf");
1497
+ font-weight: normal;
1498
+ font-style: normal; }
1499
+
1500
+ @font-face {
1501
+ font-family: "Lato-Bold";
1502
+ src: url("/fonts/Lato-Bold.ttf");
1503
+ font-weight: normal;
1504
+ font-style: normal; }
1505
+
1448
1506
  ._3bYTs ._1SQC- ._3dcqs p, ._xLN0K ._3ijmc h2 {
1449
1507
  color: #2d3748;
1450
1508
  font-size: 18px;
@@ -1520,7 +1578,7 @@ p._1YLGi {
1520
1578
  margin-bottom: 0px; }
1521
1579
 
1522
1580
  h2._1OAmb {
1523
- font-size: 21px;
1581
+ font-size: 18px;
1524
1582
  font-weight: bold;
1525
1583
  color: #2d3748;
1526
1584
  margin-bottom: 0px; }
@@ -1598,7 +1656,8 @@ h2._1OAmb {
1598
1656
  height: 15px; }
1599
1657
 
1600
1658
  ._gOdCz {
1601
- padding-top: 10px; }
1659
+ padding-top: 10px;
1660
+ top: 35px !important; }
1602
1661
  ._gOdCz ._3h4fG {
1603
1662
  width: 407px;
1604
1663
  max-height: 801px;
@@ -1612,7 +1671,7 @@ h2._1OAmb {
1612
1671
  padding: 4px;
1613
1672
  margin-top: -36px; }
1614
1673
  ._gOdCz ._3h4fG ._3Yl8e {
1615
- font-size: 12px;
1674
+ font-size: 14px;
1616
1675
  font-weight: normal;
1617
1676
  margin-bottom: 10px;
1618
1677
  line-height: 14px;
@@ -1631,6 +1690,20 @@ h2._1OAmb {
1631
1690
  color: #000000;
1632
1691
  font-weight: normal;
1633
1692
  padding-bottom: 19px; }
1693
+ ._gOdCz ._2xyvg ._1IckI {
1694
+ width: 312px;
1695
+ padding: 14px 8px 8px 14px; }
1696
+ ._gOdCz ._2xyvg ._1IckI ._2-Nhf {
1697
+ margin-bottom: 15px;
1698
+ flex-wrap: nowrap; }
1699
+ ._gOdCz ._2xyvg ._1IckI ._2-Nhf ._sSpfT {
1700
+ flex-basis: 0%; }
1701
+ ._gOdCz ._2xyvg ._1IckI ._2-Nhf ._1rCfd {
1702
+ font-size: 18px;
1703
+ font-weight: 600; }
1704
+ ._gOdCz ._2xyvg ._1IckI ._2-Nhf ._3qkoh ._R5ivj {
1705
+ padding: 4px;
1706
+ margin-top: -36px; }
1634
1707
  ._gOdCz ._smLhQ ._1MX_1 {
1635
1708
  overflow: auto;
1636
1709
  max-height: 30vh; }
@@ -1639,7 +1712,7 @@ h2._1OAmb {
1639
1712
  align-items: center;
1640
1713
  width: auto;
1641
1714
  height: 40px;
1642
- font-size: 16px;
1715
+ font-size: 14px;
1643
1716
  padding-left: 14px; }
1644
1717
  ._gOdCz ._smLhQ ._1MX_1 ._vE2nJ {
1645
1718
  display: flex;
@@ -1668,6 +1741,18 @@ h2._1OAmb {
1668
1741
  height: 60px;
1669
1742
  border-radius: 50%; }
1670
1743
 
1744
+ @media (max-width: 767px) {
1745
+ ._9SOPe {
1746
+ padding: 0 15px; }
1747
+ ._9SOPe ._3Id4g {
1748
+ background-color: #308252;
1749
+ border-radius: 12px;
1750
+ margin: 15px 0 30px;
1751
+ width: 100%;
1752
+ padding: 10px 16px; }
1753
+ ._9SOPe ._3Id4g i {
1754
+ margin-left: 10px; } }
1755
+
1671
1756
  @font-face {
1672
1757
  font-family: "Lato-Regular";
1673
1758
  src: url("/fonts/Lato-Regular.ttf");
@@ -1841,7 +1926,10 @@ h2._1OAmb {
1841
1926
  ._2ZjlE ._2Zipl ._3Omce {
1842
1927
  font-size: 16px;
1843
1928
  font-weight: 600;
1844
- padding-top: 0; }
1929
+ padding-top: 0;
1930
+ overflow: hidden;
1931
+ white-space: nowrap;
1932
+ text-overflow: ellipsis; }
1845
1933
  ._2ZjlE ._s9Bxj {
1846
1934
  display: flex !important; }
1847
1935
  ._2ZjlE ._s9Bxj ._1_a2f {
@@ -1899,18 +1987,30 @@ h2._1OAmb {
1899
1987
  font-size: 18px;
1900
1988
  font-weight: 700;
1901
1989
  line-height: 24px;
1902
- word-break: break-all; }
1990
+ word-break: break-all;
1991
+ overflow: hidden;
1992
+ white-space: nowrap;
1993
+ text-overflow: ellipsis; }
1903
1994
  ._ruFmH ._3NP_o ._3rCrx {
1904
1995
  font-size: 15px;
1905
1996
  line-height: 24px;
1906
1997
  display: flex; }
1998
+ ._ruFmH ._3NP_o ._3BLm1 {
1999
+ font-size: 15px;
2000
+ line-height: 24px;
2001
+ overflow: hidden;
2002
+ white-space: nowrap;
2003
+ text-overflow: ellipsis; }
1907
2004
  ._ruFmH ._3NP_o ._1pUBh {
1908
2005
  font-size: 15px;
1909
2006
  line-height: 24px;
1910
2007
  font-weight: 700;
1911
2008
  padding-left: 5px; }
1912
2009
  ._ruFmH ._3NP_o ._3BLm1 {
1913
- font-size: 15px; }
2010
+ font-size: 15px;
2011
+ overflow: hidden;
2012
+ white-space: nowrap;
2013
+ text-overflow: ellipsis; }
1914
2014
 
1915
2015
  @media (max-width: 767px) {
1916
2016
  ._1E00t {
@@ -2566,14 +2666,22 @@ h4._1gYmd {
2566
2666
  margin-bottom: 20px; }
2567
2667
  ._7Fnwi ._dZCdI {
2568
2668
  background: #edf2f7;
2569
- border-radius: 10px; }
2669
+ border-radius: 12px; }
2670
+ ._7Fnwi ._dZCdI input {
2671
+ color: #000000; }
2570
2672
  ._7Fnwi ._2NjHb {
2571
2673
  background: #edf2f7;
2572
- border-radius: 10px; }
2674
+ border-radius: 12px; }
2573
2675
  ._7Fnwi ._1cAXC {
2574
2676
  cursor: pointer;
2575
2677
  margin-left: 15px; }
2576
2678
 
2679
+ ._uF3Es {
2680
+ background: #edf2f7;
2681
+ border-radius: 12px; }
2682
+ ._uF3Es input {
2683
+ color: #000000; }
2684
+
2577
2685
  ._1a24j {
2578
2686
  margin-bottom: 20px; }
2579
2687
 
@@ -2872,7 +2980,7 @@ h4._pDCgR {
2872
2980
  ._1OUbl p {
2873
2981
  color: #a80000; }
2874
2982
 
2875
- ._12tWP ._1WNMT ._3BU0L p {
2983
+ ._12tWP ._1WNMT ._3BU0L p, ._1WNMT ._3BU0L p {
2876
2984
  color: #2d3748;
2877
2985
  font-size: 18px;
2878
2986
  font-weight: bold; }
@@ -2907,7 +3015,8 @@ h4._pDCgR {
2907
3015
  display: inline-block; }
2908
3016
 
2909
3017
  ._1QPtC {
2910
- padding: 0px 20px; }
3018
+ padding: 0px 20px;
3019
+ background: #f4f4f8; }
2911
3020
 
2912
3021
  ._2CRbt {
2913
3022
  display: flex;
@@ -2990,3 +3099,57 @@ h2._1KpSK {
2990
3099
  width: 50px;
2991
3100
  height: 50px;
2992
3101
  border-radius: 50%; }
3102
+
3103
+ ._11rk4 {
3104
+ width: 100%;
3105
+ height: 88px;
3106
+ background: #1e4e8c;
3107
+ padding: 20px;
3108
+ display: flex !important;
3109
+ align-items: center;
3110
+ bottom: 0; }
3111
+
3112
+ ._32KH- {
3113
+ background: #ffffff;
3114
+ border-radius: 12px;
3115
+ outline: none;
3116
+ border: none;
3117
+ max-width: 490px; }
3118
+ ._32KH- ._6jx6Z {
3119
+ padding-right: 15px;
3120
+ cursor: pointer; }
3121
+ ._32KH- ._H93Fb {
3122
+ cursor: pointer; }
3123
+
3124
+ ._28L10 {
3125
+ margin-right: 15px;
3126
+ cursor: pointer;
3127
+ opacity: 0.65;
3128
+ -webkit-animation-name: _3tyHZ;
3129
+ animation-name: _3tyHZ;
3130
+ -webkit-animation-duration: 1s;
3131
+ animation-duration: 1s;
3132
+ -webkit-animation-timing-function: ease-out;
3133
+ animation-timing-function: ease-out;
3134
+ -webkit-animation-direction: alternate;
3135
+ animation-direction: alternate;
3136
+ -webkit-animation-iteration-count: infinite;
3137
+ animation-iteration-count: infinite; }
3138
+
3139
+ ._1WNMT {
3140
+ display: flex;
3141
+ align-items: center; }
3142
+ ._1WNMT ._3BU0L {
3143
+ display: flex;
3144
+ align-items: center;
3145
+ margin-right: 25px; }
3146
+ ._1WNMT ._3BU0L ._1N_R5 {
3147
+ margin-right: 10px;
3148
+ margin-top: -4px; }
3149
+ ._1WNMT ._3BU0L ._1N_R5 img {
3150
+ width: auto; }
3151
+ ._1WNMT ._3BU0L ._2w7-X label {
3152
+ padding-top: 8px;
3153
+ margin-right: 0px; }
3154
+ ._1WNMT ._3BU0L p {
3155
+ margin-bottom: 0; }