From 77e7761d8fc877bfe6d16decc577658aa60aa1d9 Mon Sep 17 00:00:00 2001
From: Janis <janis.meister87@gmail.com>
Date: Fri, 28 Oct 2022 21:55:21 +0200
Subject: [PATCH] renamed css classes

---
 css/style.css         | 10 ++++------
 js/display_content.js |  4 ++--
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index 0cb65c2..78d240c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,26 +1,24 @@
 * {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
-  padding: 0;
-  margin: 0;
 }
 #content div {
   margin-top: 5px;
 }
-.content-img {
+.client-img-div {
   float: left;
   width: 100px;
 }
 
-.content-img img {
+.client-img-div img {
   display: block;
 }
 
-.content-text {
+.client-text-div {
   margin-left: 130px;
 }
 
-.content-text p {
+.client-text-div p {
   display: inline;
   padding-left: 20px;
   padding-right: 20px;
diff --git a/js/display_content.js b/js/display_content.js
index 90c79ca..43b6ad6 100644
--- a/js/display_content.js
+++ b/js/display_content.js
@@ -5,7 +5,7 @@ function drawClients() {
   if (thisClient) {
     getClientsInChannel(thisClient.channel).forEach((c) => {
       result += `<div style="color:${CONFIG.style.fontColor}; font-size:${CONFIG.style.fontSize}">`;
-      result += '<div class="content-img">';
+      result += '<div class="client-img-div">';
       if (c.outputMuted) {
         result += '	<img src="img/muted_output.svg" />';
       } else if (c.inputMuted) {
@@ -16,7 +16,7 @@ function drawClients() {
         result += '	<img src="img/off.svg" />';
       }
       result += "</div>";
-      result += `<div class="content-text"
+      result += `<div class="client-text-div"
 			 style="-webkit-text-stroke:${CONFIG.style.fontStrokeSize} ${CONFIG.style.fontStrokeColor};
 			"><p style="background:${CONFIG.style.fontBackground};">${c.name}</p></div></div>`;
     });