Issue #SB-0000 merge: Merge pull request #1088 from subranil/release-…

…3.0.1

Issue #SB-0000 fix: UI changes on resource component screens

src/app/resources/resources.component.html

@@ -90,15 +90,15 @@
     </div>
     <div class="sb-explore-container" *ngIf="storyAndWorksheets && storyAndWorksheets.length !== 0">
       <div class="text-center" *ngIf="commonUtilService?.networkInfo?.isNetworkAvailable">
-        <p class="information">{{'MORE_CONTENT' | translate:{'%s': appLabel} }}</p>
-        <ion-button class="explore-more-content" fill="outline" (click)="exploreOtherContents()">
-          {{'SEE_MORE_BOOKS' | translate}} </ion-button>
+        <p class="information">{{'NO_BOOKS_TEXT' | translate:{'%s': appLabel} }}</p>
+        <ion-button class="explore-more-content" expand="block" fill="outline" (click)="requestMoreContent()">
+          {{'REQUEST_CONTENT' | translate}} </ion-button>
       </div>
     </div>
     <div *ngIf="!searchApiLoader && storyAndWorksheets && storyAndWorksheets.length === 0">
       <div class="sb-nodownloads-container" *ngIf="commonUtilService?.networkInfo?.isNetworkAvailable">
         <div class="text-center">
-          <img style="width: 45%;" src="./assets/imgs/group.svg" alt="">
+          <img style="width: 30%;" src="./assets/imgs/group.svg" alt="">
         </div>
         <div class="text-center">
           <p class="sub-heading">{{'NO_BOOKS_TEXT' | translate:{'%s': appLabel} }}</p>
@@ -123,7 +123,7 @@
       </ion-list>
     </div>
 
-    <div class="ion-padding" text-center class="mt-32 mb-32"
+    <div class="ion-padding" style="padding-top: 34px;" text-center class="mt-32 mb-32"
       *ngIf="!commonUtilService?.networkInfo?.isNetworkAvailable">
       <img src="assets/imgs/outline-cloud_off.svg" alt="" />
       <ion-text>

src/app/resources/resources.component.scss

@@ -71,7 +71,7 @@
 }
 .sb-nodownloads-container {
   & {
-    padding-top: 13rem;
+    padding-top: 7rem;
   }
 }
 .sb-nodownloads-title {