Style fixes

- fixed image and linebreaks in chat
- changed ids for messages and words to bigserial

app.js

@@ -59,7 +59,7 @@ async function init() {
     app.use('/sass', compileSass({
         root: './public/stylesheets/sass',
         sourceMap: true,
-        watchFiles: true,
+        watchFiles: (process.env.NODE_ENV !== 'development'),
         logToConsole: true
     }));
     app.use(express.static(path.join(__dirname, 'public')));

public/stylesheets/sass/bingo/style.sass

@@ -54,6 +54,7 @@
 .chatMessage
   display: block
   padding: 0.2em
+  word-break: break-word
 
   .INFO
     font-style: italic
@@ -66,12 +67,18 @@
   .chatUsername
     color: $inactive
 
+  img
+    width: 100%
+    height: auto
+    border-radius: 0.2em
+
 #container-chat
   height: calc(100% - 2px)
   #chat-content
     height: calc(100% - 3rem)
     width: calc(100% - 2px)
     overflow-y: auto
+    overflow-x: hide
     border: 1px solid $inactive
     box-shadow: inset 0 0 1rem $primary
   #chat-input

sql/bingo/createBingoTables.sql

@@ -24,7 +24,7 @@ CREATE TABLE IF NOT EXISTS bingo.lobby_players (
 
 -- words table
 CREATE TABLE IF NOT EXISTS bingo.words (
-    id serial UNIQUE PRIMARY KEY,
+    id bigserial UNIQUE PRIMARY KEY,
     lobby_id serial references bingo.lobbys(id) ON DELETE CASCADE,
     heared integer DEFAULT 0 NOT NULL,
     content varchar(254) NOT NULL
@@ -32,7 +32,7 @@ CREATE TABLE IF NOT EXISTS bingo.words (
 
 -- messages table
 CREATE TABLE IF NOT EXISTS bingo.messages (
-    id serial UNIQUE PRIMARY KEY,
+    id bigserial UNIQUE PRIMARY KEY,
     content varchar(255) NOT NULL,
     player_id integer,
     lobby_id serial references bingo.lobbys(id) ON DELETE CASCADE,