From 4ff98125d8be360884c8d4dbe0e795b340926ebf Mon Sep 17 00:00:00 2001
From: Anatoly Kopyl <akopyl@radner.ru>
Date: Thu, 24 Sep 2020 20:02:48 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BB=D0=B5=20=D0=B4=D0=BB=D1=8F=20=D0=B2=D0=B2=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B0=20=D0=B4=D0=BB=D0=B8=D0=BD=D0=BD=D1=8B=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Поле для ввода длинное и не переносится на следующую строку.
Добавил случайное название работы в плейсхолдере.
---
 src/routes/index.svelte | 16 ++++++++++------
 src/routes/room.svelte  |  3 ++-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 61c7fbf..156e1b5 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -14,6 +14,10 @@
         const url=`http://localhost:3000/room/?id=${id}`;
         window.location.href = url;
     }
+
+    const plcType = ['Лабораторная работа', 'Лаба', 'Практическая работа', 'Практика', 'Лабораторная', 'Доклад'];
+    const plcSubj = ['физике', 'химии', 'философии'];
+    const plcName = `${plcType[Math.floor(Math.random()*plcType.length)]} по ${plcSubj[Math.floor(Math.random()*plcSubj.length)]} № ${Math.floor(Math.random()*12)+1}`;
 </script>
 
 <svelte:head>
@@ -37,7 +41,7 @@
                 </div>
                 <div class="inputWrap">
                     Название работы:<br>
-                    <input type="text" size="45" placeholder="Лабораторная работа по физике №3" bind:value={name}>
+                    <input type="text" size="45" placeholder={plcName} bind:value={name}>
                 </div>
                 <div style="text-align: center;">
                     <input type="number" id="varCount" name="варианты" min="2" max="50" bind:value={memberCount}>
@@ -75,8 +79,8 @@
     }
 
     .inputWrap > input {
-        display:table-cell; 
-        width:100%;
+        display: table-cell; 
+        width: 100%;
     }
 
     .btn {
@@ -123,7 +127,7 @@
 
     .inputs {
         display: flex;
-        height: 75%;
+        height: 70%;
         margin-left: 5%;
         margin-right: 5%;
         flex-direction: column;
@@ -177,11 +181,11 @@
     }
 
     input:checked + .slider {
-        background-color: #f57323;
+        background-color: #3fc53b;
     }
 
     input:focus + .slider {
-        box-shadow: 0 0 1px #f57323;
+        box-shadow: 0 0 1px #3fc53b;
     }
 
     input:checked + .slider:before {
diff --git a/src/routes/room.svelte b/src/routes/room.svelte
index 7af7818..f45d0ec 100644
--- a/src/routes/room.svelte
+++ b/src/routes/room.svelte
@@ -142,7 +142,7 @@
         padding: 0px;
         height: 2em;
         margin-bottom: 10px;
-        overflow: scroll;
+        white-space: nowrap;
     }
 
     .name {
@@ -158,6 +158,7 @@
         padding: 0px;
         border: none;
         height: 2em;
+        width: 100%;
     }
 
     .nameInput:focus {