mario-teacher-student-client 1.6.0 → 1.6.2

package/dist/index.css

@@ -48,11 +48,13 @@
       ._vnH2n ._1jTMg {
         display: none; } }
 
-._2K2FJ, ._3ae8F {
+._2K2FJ,
+._3ae8F {
   font-weight: 800 !important;
   padding: 12px 30px !important;
   border-radius: 10px !important; }
-  ._2K2FJ i, ._3ae8F i {
+  ._2K2FJ i,
+  ._3ae8F i {
     padding-top: 2px;
     margin-left: 10px; }
 
@@ -215,6 +217,9 @@ p._1YLGi {
 
 ._1spIR {
   margin-right: 20px; }
+  @media (max-width: 767px) {
+    ._1spIR {
+      margin: 0; } }
   ._1spIR ._qDlsm {
     padding: 10px 0;
     display: flex; }
@@ -225,28 +230,33 @@ p._1YLGi {
     ._1spIR ._qDlsm ._2U60d {
       font-size: 18px;
       font-weight: 700; }
-  ._1spIR ._3C-Xm {
-    width: 443px;
-    height: 175px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    border: 1px dashed rgba(0, 0, 0, 0.54);
-    border-radius: 12px;
-    cursor: pointer; }
-    ._1spIR ._3C-Xm ._2zIn5 {
-      font-size: 62px;
-      width: 62px;
-      height: 62px; }
-    ._1spIR ._3C-Xm ._yNCgm {
-      font-size: 16px; }
-    ._1spIR ._3C-Xm ._35Wqq {
-      font-size: 12px;
-      color: rgba(0, 0, 0, 0.54); }
+  ._1spIR ._2xZUq {
+    width: 100%; }
+    ._1spIR ._2xZUq ._3C-Xm {
+      width: 443px;
+      height: 175px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border: 1px dashed rgba(0, 0, 0, 0.54);
+      border-radius: 12px;
+      cursor: pointer; }
+      ._1spIR ._2xZUq ._3C-Xm ._2zIn5 {
+        font-size: 62px;
+        width: 62px;
+        height: 62px; }
+      ._1spIR ._2xZUq ._3C-Xm ._yNCgm {
+        font-size: 16px; }
+      ._1spIR ._2xZUq ._3C-Xm ._35Wqq {
+        font-size: 12px;
+        color: rgba(0, 0, 0, 0.54); }
+      @media (max-width: 767px) {
+        ._1spIR ._2xZUq ._3C-Xm {
+          width: 100%; } }
 
 ._27SXJ {
-  background: #1E4E8C !important;
+  background: #1e4e8c !important;
   margin-right: 15px !important;
   color: #ffffff !important;
   border-radius: 12px !important;
@@ -1291,8 +1301,8 @@ p._1YLGi {
     font-size: 18px;
     font-weight: 600; }
   ._3QPbd ._3Ti85 {
-    width: 33% !important;
-    padding: 10px !important; }
+    width: 33%;
+    padding: 10px; }
     @media (max-width: 767px) {
       ._3QPbd ._3Ti85 {
         width: 100%; } }
@@ -1563,9 +1573,10 @@ p._1YLGi {
     ._oL497 ._2TVE9 ._1M0eS {
       font-size: 13px;
       font-weight: 600;
-      padding: 5px;
+      padding: 7px;
       background-color: #ceedff;
-      border-radius: 15px; }
+      border-radius: 15px;
+      text-align: center; }
     ._oL497 ._2TVE9 ._3jad7 {
       font-size: 18px;
       font-weight: 700;
@@ -1584,6 +1595,9 @@ p._1YLGi {
 ._2PZMK._1PO82 {
   margin-top: 10px; }
 
+._A6fbx {
+  padding: 0px 20px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -2177,13 +2191,16 @@ h2._1OAmb {
       font-weight: 700;
       font-size: 24px;
       line-height: 28px;
-      font-family: 'Roboto', sans-serif !important; }
+      font-family: "Roboto", sans-serif !important; }
     ._TPgHY ._2x8HH ._2oH8S {
       margin-right: 15px;
       font-size: 23px;
       cursor: pointer; }
   ._TPgHY ._6pjAT {
     display: flex; }
+    @media (max-width: 767px) {
+      ._TPgHY ._6pjAT {
+        display: none; } }
     ._TPgHY ._6pjAT ._nq8pm {
       display: flex;
       font-size: 18px;
@@ -2211,14 +2228,14 @@ h2._1OAmb {
         color: #ffffff; }
 
 ._2Icy_ {
-  font-family: 'Roboto', sans-serif !important;
+  font-family: "Roboto", sans-serif !important;
   color: #000000; }
 
 ._3TPGz {
   padding: 20px 10px;
-  background: #E5E5E5; }
+  background: #e5e5e5; }
   ._3TPGz ._k9Lrv {
-    background: #FFFFFF;
+    background: #ffffff;
     border-radius: 10px;
     padding: 20px; }
     ._3TPGz ._k9Lrv ._2KJlv {
@@ -2232,8 +2249,16 @@ h2._1OAmb {
       ._3TPGz ._k9Lrv ._wI_dl ._DpS3g ._IMXXJ {
         width: 343px;
         margin: 8px 10px 8px 0; }
+        @media (max-width: 767px) {
+          ._3TPGz ._k9Lrv ._wI_dl ._DpS3g ._IMXXJ {
+            margin: 10px auto;
+            width: 100%; } }
+      @media (max-width: 767px) {
+        ._3TPGz ._k9Lrv ._wI_dl ._DpS3g {
+          display: block; } }
     ._3TPGz ._k9Lrv ._fU1Z7 {
       display: flex;
+      flex-wrap: wrap;
       align-items: center; }
       ._3TPGz ._k9Lrv ._fU1Z7 ._2-Zn2 {
         font-size: 16px;
@@ -2243,7 +2268,8 @@ h2._1OAmb {
         margin-bottom: 0; }
     ._3TPGz ._k9Lrv ._VgMq3 {
       display: flex;
-      align-items: center; }
+      align-items: center;
+      flex-wrap: wrap; }
       ._3TPGz ._k9Lrv ._VgMq3 ._1dODx {
         font-size: 16px;
         font-weight: 700;
@@ -2252,9 +2278,10 @@ h2._1OAmb {
         margin-bottom: 0; }
     ._3TPGz ._k9Lrv ._2t1gQ {
       margin-top: 10px;
-      width: 698px; }
+      width: 100%;
+      max-width: 698px; }
   ._3TPGz ._1n-GQ {
-    background: #FFFFFF;
+    background: #ffffff;
     border-radius: 10px;
     padding: 5px 20px;
     margin-top: 10px; }
@@ -2270,6 +2297,7 @@ h2._1OAmb {
           padding: 5px 0; }
         ._3TPGz ._1n-GQ ._1IiKL ._1k0E0 ._10gXX {
           display: flex;
+          flex-wrap: nowrap;
           align-items: center;
           padding: 5px 0; }
           ._3TPGz ._1n-GQ ._1IiKL ._1k0E0 ._10gXX ._2eaXw {
@@ -2280,11 +2308,18 @@ h2._1OAmb {
               border: 1px solid #c4c4c4;
               border-radius: 12px;
               width: 100%; }
+            @media (max-width: 767px) {
+              ._3TPGz ._1n-GQ ._1IiKL ._1k0E0 ._10gXX ._2eaXw {
+                margin: 10px 0;
+                width: 100%; } }
           ._3TPGz ._1n-GQ ._1IiKL ._1k0E0 ._10gXX ._1Rtg2 {
             width: 100%; }
+          @media (max-width: 767px) {
+            ._3TPGz ._1n-GQ ._1IiKL ._1k0E0 ._10gXX {
+              flex-wrap: wrap; } }
 
 ._1Sugi {
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 10px;
   padding: 10px 20px;
   margin-top: 10px; }
@@ -2295,18 +2330,129 @@ h2._1OAmb {
   ._1Sugi ._39GjN {
     display: flex;
     flex-wrap: wrap; }
+    @media (max-width: 767px) {
+      ._1Sugi ._39GjN {
+        display: block; } }
 
 ._16Uzq {
   color: red;
   font-size: 13px !important; }
 
-._1qzuv {
-  padding: 20px;
+._MC1DJ ._1qzuv {
+  padding: 20px 20px 0;
   display: flex;
   justify-content: space-between;
   align-items: center; }
-  ._1qzuv ._1sMei ._qam_e {
-    margin-right: 15px; }
+  ._MC1DJ ._1qzuv ._1sMei {
+    display: flex; }
+    ._MC1DJ ._1qzuv ._1sMei ._qam_e {
+      margin-right: 15px; }
+    @media (max-width: 767px) {
+      ._MC1DJ ._1qzuv ._1sMei ._F3Rxx {
+        margin-right: 0; } }
+  @media (max-width: 767px) {
+    ._MC1DJ ._1qzuv ._3LBoB {
+      display: none; } }
+
+@media (max-width: 767px) {
+  ._MC1DJ ._2sFtm {
+    display: none; } }
+
+._MC1DJ ._2sFtm ._Hv-Jq ._9N3r8 {
+  font-family: "Roboto", sans-serif !important;
+  font-weight: 700;
+  font-size: 14px;
+  text-transform: uppercase;
+  cursor: pointer; }
+
+._MC1DJ ._2sFtm ._Hv-Jq ._2QgHW ._MDBjs {
+  font-family: "Roboto", sans-serif !important;
+  font-size: 16px;
+  font-weight: 400; }
+
+._MC1DJ ._2sFtm ._Hv-Jq ._2QgHW ._3rE_s ._1AmEP {
+  font-family: "Open Sans", sans-serif !important;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+  font-weight: 600; }
+
+._MC1DJ ._1lA5V {
+  display: none;
+  margin-top: 15px; }
+  @media (max-width: 767px) {
+    ._MC1DJ ._1lA5V {
+      display: block; } }
+  ._MC1DJ ._1lA5V ._2gRpn {
+    display: flex;
+    padding: 20px 20px;
+    border-bottom: 1px solid #ebebeb; }
+    ._MC1DJ ._1lA5V ._2gRpn:nth-of-type(odd) {
+      background-color: #f9f9f9; }
+    ._MC1DJ ._1lA5V ._2gRpn ._1RUy- {
+      display: flex;
+      align-items: center; }
+      ._MC1DJ ._1lA5V ._2gRpn ._1RUy- ._3AOdE {
+        width: 49px;
+        height: 49px; }
+    ._MC1DJ ._1lA5V ._2gRpn ._28lVK {
+      margin-left: 15px; }
+      ._MC1DJ ._1lA5V ._2gRpn ._28lVK ._28lVK {
+        font-size: 18px;
+        font-weight: 700;
+        line-height: 24px;
+        word-break: break-all;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis; }
+      ._MC1DJ ._1lA5V ._2gRpn ._28lVK ._P1c7D {
+        font-size: 18px;
+        line-height: 24px;
+        font-weight: 700;
+        font-family: "Open Sans", sans-serif !important;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis; }
+      ._MC1DJ ._1lA5V ._2gRpn ._28lVK ._33Gru {
+        font-weight: 600;
+        font-size: 20px;
+        line-height: 27.24px;
+        font-family: "Open Sans", sans-serif; }
+      ._MC1DJ ._1lA5V ._2gRpn ._28lVK ._HcIfa {
+        font-family: "Roboto", sans-serif !important;
+        font-size: 16px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        display: flex;
+        align-items: center; }
+        ._MC1DJ ._1lA5V ._2gRpn ._28lVK ._HcIfa ._3eAbb {
+          font-weight: 700;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          font-size: 16px;
+          margin-left: 5px; }
+
+._MC1DJ ._1Vay6 {
+  background-color: #308252;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  max-width: 90%;
+  margin: 20px auto;
+  border-radius: 12px;
+  display: none; }
+  @media (max-width: 767px) {
+    ._MC1DJ ._1Vay6 {
+      display: block; } }
+  ._MC1DJ ._1Vay6 ._1Wu1n {
+    display: flex;
+    align-items: center;
+    justify-content: center; }
+    ._MC1DJ ._1Vay6 ._1Wu1n ._1o4A- {
+      margin-right: 16px;
+      font-size: 18px;
+      font-weight: 500; }
 
 ._2yb4T {
   font-size: 15.5px !important;
@@ -4108,11 +4254,17 @@ h4._pDCgR {
 ._5sdsU {
   background: #f4f4f8; }
 
+._3Se6u, ._yfS3U {
+  background: #EFEFEF;
+  padding: 20px; }
+
+._3Se6u {
+  padding-top: 40px !important; }
+
 ._12tWP {
   background: #fff;
   border-radius: 10px;
-  padding: 20px;
-  margin: 0px 20px 20px; }
+  padding: 20px; }
   ._12tWP ._2jjjz {
     margin-bottom: 20px; }
   ._12tWP ._1WNMT {
@@ -4218,7 +4370,9 @@ h2._1KpSK {
 
 ._1WNMT {
   display: flex;
-  align-items: center; }
+  align-items: center;
+  padding-top: 21px;
+  padding-left: 25px; }
   ._1WNMT ._3BU0L {
     display: flex;
     align-items: center;