(fix): summons popup fixes and minor language changes

src/app/modules/report/juryduty/session/content.component.html

@@ -2,6 +2,7 @@
 
  <ng-container *ngIf="!decided; else whenDecided">
  <h3>
+ <b *ngIf="report.is_appeal">Action taken: </b>
  <span>Should be</span>
  <b> {{ getAction(report) }} </b>
  <span>for</span>

src/app/modules/report/juryduty/session/content.component.scss

@@ -5,8 +5,26 @@
 
  h3 {
  margin: 0;
- font-weight: 500;
- color: #444;
+ font-size: 16px;
+ line-height: 1.5;
+ text-rendering: unset;
+ -webkit-font-smoothing: unset;
+ font-size: 16px;
+
+ @include m-theme() {
+ color: themed($m-grey-800);
+ }
+
+ > * {
+ line-height: 1;
+ }
+ > b:first-child {
+ @include m-theme() {
+ color: themed($m-grey-600);
+ }
+ display: block;
+ line-height: 1.5;
+ }
  }
 
  minds-card {
@@ -20,11 +38,17 @@
  padding-top: 8px;
 
  > b {
- color: #666;
+ @include m-theme() {
+ color: themed($m-grey-600);
+ }
+ display: block;
  }
  > p {
  display: inline;
- padding-left: 8px;
+ @include m-theme() {
+ color: themed($m-grey-600);
+ }
+ //padding-left: 8px;
  }
 }
 

src/app/modules/report/juryduty/session/summons.component.html

@@ -4,12 +4,14 @@
  *ngIf="showModal"
 >
  <div class="m-juryDutySession__summons">
- <h2>You've been selected for Jury Duty</h2>
+ <ng-container *ngIf="!report">
+ <h2>You've been selected for Jury Duty</h2>
 
- <p>
- The Minds Jury decides on what content is within the terms of service.
- We randomly select 12 members of the community to uphold or overturn decisions made. 
- </p>
+ <p>
+ The Minds Jury decides on what content is within our <a routerLink="/content-policy" target="_blank">Content Policy</a>.
+ We randomly select 12 members of the community to uphold or overturn decisions made. 
+ </p>
+ </ng-container>
 
  <div class="m-juryDutySessionSummons__buttons" *ngIf="!accepted">
  <button

src/app/modules/report/juryduty/session/summons.component.scss

+m-jurydutysession__summons .m-modal-container {
+ overflow: scroll;
+ height: 95%;
+ height: 95vh;
+}
 .m-juryDutySession__summons {
  padding: 24px 16px;
  h2 {
@@ -23,6 +28,10 @@
  font-weight: bold;
  }
  }
+
+ .m-juryDutySession__content {
+ margin-top: 24px;
+ }
 }
 
 .m-juryDutySessionSummons__countdown {

src/app/modules/report/juryduty/session/summons.component.ts

@@ -36,6 +36,8 @@ export class JuryDutySessionSummonsComponent {
  ngOnInit() {
  this.socketsService.join(`moderation_summon`);
  this.socketsService.subscribe(`moderation_summon`, (summons) => {
+ this.report = null;
+ this.accepted = false;
  this.summons = JSON.parse(summons);
  this.startSummons();
  });
@@ -96,6 +98,8 @@ export class JuryDutySessionSummonsComponent {
  } 
 
  onClose(e) {
+ this.accepted = false;
+ this.report = null;
  this.showModal = false;
  this.detectChanges();
  }