freemium-survey-components 2.0.439 → 2.0.440

package/lib/bundle.css

@@ -3961,6 +3961,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
 }
 
 .facebook-wrapper {
@@ -3980,6 +3981,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
 .facebook-wrapper * {
   font-family: "SF Pro Text", "Inter", sans-serif;
   scrollbar-width: none;
+  text-align: center !important;
 }
 .facebook-wrapper .mobile {
   position: relative;
@@ -4021,7 +4023,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   width: 8px;
   height: 55px;
   border-radius: 4px 0 0 4px;
-  margin-top: 4rem;
+  margin-top: 64px;
 }
 .facebook-wrapper .mobile-actions .side-buttons.right {
   position: absolute;
@@ -4031,7 +4033,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   height: 80px;
   border-radius: 0 4px 4px 0;
 }
-.facebook-wrapper .header {
+.facebook-wrapper .fb-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4039,17 +4041,17 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   border-bottom: 1px solid #ddd;
   background: #fff;
 }
-.facebook-wrapper .header .header-left {
+.facebook-wrapper .fb-header .header-left {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.facebook-wrapper .header .brand {
+.facebook-wrapper .fb-header .brand {
   display: flex;
   align-items: center;
   gap: 6px;
 }
-.facebook-wrapper .header .brand .logo {
+.facebook-wrapper .fb-header .brand .logo {
   width: 28px;
   height: 28px;
   border-radius: 50%;
@@ -4061,12 +4063,12 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   font-weight: bold;
   font-size: 14px;
 }
-.facebook-wrapper .header .brand .title {
+.facebook-wrapper .fb-header .brand .title {
   font-weight: 600;
   font-size: 14px;
   color: #000;
 }
-.facebook-wrapper .header .icon-blue {
+.facebook-wrapper .fb-header .icon-blue {
   color: #0084ff;
   font-size: 18px;
   cursor: pointer;
@@ -4094,8 +4096,8 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
 }
 .facebook-wrapper .question-container {
   align-self: flex-start;
-  max-width: 80%;
-  min-width: 50%;
+  max-width: 240px;
+  min-width: 150px;
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -4111,6 +4113,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   border-radius: 18px;
   word-break: break-word;
   color: #000;
+  text-align: left !important;
 }
 .facebook-wrapper .question-container .question-text.required::after {
   content: "*";
@@ -4166,7 +4169,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   padding: 8px 14px;
   border-radius: 18px;
   font-size: 14px;
-  max-width: 250px;
+  max-width: 240px;
   display: inline-block;
   align-items: center;
   white-space: normal;
@@ -4214,7 +4217,6 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
 }
 .facebook-wrapper .answers-container .answers .answer-text .star-rating-wrapper span {
   align-items: center;
-  white-space: normal;
   overflow-wrap: break-word;
   word-break: break-word;
   hyphens: auto;
@@ -4255,8 +4257,8 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   max-width: 200px;
 }
 .facebook-wrapper .choices.boolean-choices {
-  padding-left: 8%;
-  padding-right: 8%;
+  padding-left: 15px;
+  padding-right: 15px;
 }
 .facebook-wrapper .choices.boolean-choices .boolean-choice {
   font-weight: bold;
@@ -4294,6 +4296,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   justify-content: center;
   cursor: pointer;
   white-space: nowrap;
+  font-size: 14px;
 }
 .facebook-wrapper .choices .choice svg:not(#star) {
   fill: #000;
@@ -4311,7 +4314,8 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   border: none;
   cursor: pointer;
   font-weight: bold;
-  width: 100%;
+  min-width: 120px;
+  max-width: 200px;
 }
 .facebook-wrapper .quick-reply-area {
   padding: 8px 12px 0;
@@ -4382,7 +4386,12 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   width: 15px;
   height: 20px;
 }
-.facebook-wrapper .input-bar .input-field {
+.facebook-wrapper .input-bar .input-container {
+  display: flex;
+  gap: 8px;
+  align-items: anchor-center;
+}
+.facebook-wrapper .input-bar .input-container .input-field {
   flex: 1;
   display: flex;
   align-items: center;
@@ -4391,24 +4400,24 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   padding: 6px 12px;
   min-height: 32px;
 }
-.facebook-wrapper .input-bar .input-field .text-input {
+.facebook-wrapper .input-bar .input-container .input-field .text-input {
   flex: 1;
   border: none;
   outline: none;
   background: transparent;
   font-size: 14px;
 }
-.facebook-wrapper .input-bar .input-field .text-input::placeholder {
+.facebook-wrapper .input-bar .input-container .input-field .text-input::placeholder {
   color: #65676b;
 }
-.facebook-wrapper .input-bar .input-field .facebook-textarea-container {
+.facebook-wrapper .input-bar .input-container .input-field .facebook-textarea-container {
   display: flex;
   gap: 8px;
   height: 32px;
   align-items: center;
   width: 100%;
 }
-.facebook-wrapper .input-bar .input-field .facebook-textarea-container textarea {
+.facebook-wrapper .input-bar .input-container .input-field .facebook-textarea-container textarea {
   scrollbar-width: none;
   resize: none;
   height: 20px !important;
@@ -4418,18 +4427,23 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   padding: 6px 12px;
   width: 100%;
   font-size: 14px;
+  text-align: left !important;
 }
-.facebook-wrapper .input-bar .input-field .facebook-textarea-container textarea:focus {
+.facebook-wrapper .input-bar .input-container .input-field .facebook-textarea-container textarea:focus {
   outline: none;
 }
-.facebook-wrapper .input-bar .input-field .facebook-textarea-container textarea::placeholder {
+.facebook-wrapper .input-bar .input-container .input-field .facebook-textarea-container textarea::placeholder {
   color: #65676b;
   line-height: 16px;
 }
+.facebook-wrapper .input-bar .input-container .icon-container button {
+  width: 20px;
+  margin-right: 4px;
+  margin-top: 4px;
+}
 .facebook-wrapper .input-bar .thumbs {
   font-size: 20px;
   color: #0084ff;
-  cursor: pointer;
 }
 .facebook-wrapper .options-popup {
   position: absolute;
@@ -4440,10 +4454,10 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   padding: 12px 8px;
   transform: translateY(80px);
   transition: all linear 0.3s;
-  width: 95%;
+  width: 304px;
   opacity: 0;
-  right: 0%;
-  bottom: 1%;
+  right: 0px;
+  bottom: 6px;
 }
 .facebook-wrapper .options-popup header {
   text-align: center;
@@ -4461,7 +4475,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   cursor: pointer;
 }
 .facebook-wrapper .options-popup header .option-tab-bar {
-  width: 20%;
+  width: 64px;
   background-color: #cfd7df;
   height: 3px;
   border-radius: 10px;
@@ -4517,7 +4531,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   height: 32px;
 }
 .facebook-wrapper .options-popup main .facebook-rating-modal .emoji-button {
-  font-size: 2rem;
+  font-size: 32px;
   transition: transform 0.1s ease, font-size 0.1s ease;
   line-height: 1.5;
 }
@@ -4602,7 +4616,8 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
-  width: 100%;
+  min-width: 120px;
+  max-width: 200px;
 }
 .facebook-wrapper .options-popup main .option-row button span {
   white-space: nowrap;
@@ -4658,6 +4673,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
   border: 0;
   cursor: pointer;
   font-family: inherit;
+  font-size: 14px;
 }
 .whatsapp-container {
   --wa-message-margin: 40px;