Add shadow to participant name and background color to mute and screensharing indicators.

Signed-off-by: Ivan Sein <ivan@nextcloud.com>

NextcloudTalk/CallParticipantViewCell.m

@@ -49,6 +49,12 @@ NSString *const kCallParticipantCellNibName = @"CallParticipantViewCell";
     [super awakeFromNib];
     self.audioOffIndicator.hidden = YES;
     self.screensharingIndicator.hidden = YES;
+    
+    self.audioOffIndicator.layer.cornerRadius = 4;
+    self.audioOffIndicator.clipsToBounds = YES;
+    self.screensharingIndicator.layer.cornerRadius = 4;
+    self.screensharingIndicator.clipsToBounds = YES;
+    
     self.peerAvatarImageView.hidden = YES;
     self.peerAvatarImageView.layer.cornerRadius = 50;
     self.peerAvatarImageView.layer.masksToBounds = YES;

NextcloudTalk/CallParticipantViewCell.xib

@@ -30,6 +30,8 @@
                         <fontDescription key="fontDescription" type="system" weight="semibold" pointSize="17"/>
                         <color key="textColor" white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
                         <nil key="highlightedColor"/>
+                        <color key="shadowColor" red="0.0" green="0.0" blue="0.0" alpha="0.74765580537303389" colorSpace="custom" customColorSpace="sRGB"/>
+                        <size key="shadowOffset" width="1" height="1"/>
                     </label>
                     <view contentMode="scaleToFill" fixedFrame="YES" translatesAutoresizingMaskIntoConstraints="NO" id="fKp-Jc-Znf">
                         <rect key="frame" x="58" y="64" width="84" height="32"/>
@@ -38,6 +40,7 @@
                             <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="bj2-hS-1pF">
                                 <rect key="frame" x="26" y="0.0" width="32" height="32"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMinX="YES" flexibleMaxY="YES"/>
+                                <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.5" colorSpace="custom" customColorSpace="sRGB"/>
                                 <state key="normal" image="screensharing"/>
                                 <connections>
                                     <action selector="screenSharingButtonPressed:" destination="gTV-IL-0wX" eventType="touchUpInside" id="DzG-u7-nPx"/>
@@ -46,6 +49,7 @@
                             <button opaque="NO" contentMode="scaleToFill" fixedFrame="YES" enabled="NO" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="vlO-GV-Y3B">
                                 <rect key="frame" x="26" y="0.0" width="32" height="32"/>
                                 <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+                                <color key="backgroundColor" red="0.0" green="0.0" blue="0.0" alpha="0.5" colorSpace="custom" customColorSpace="sRGB"/>
                                 <state key="normal" image="audio-off"/>
                             </button>
                         </subviews>