Allow word groups and votes to wrap during the judging process.

This should keep things from sticking off to the left and right when
there are many words in a group.

diff --git a/empathy/empathy.css b/empathy/empathy.css
index 7e9bf3015a22e8778da33ea56991c37127172e98..704b54a5ac1759a1be929c4123a3c59cd8f343d4 100644 (file)
--- a/empathy/empathy.css
+++ b/empathy/empathy.css
@@ -11,6 +11,7 @@
 
 .vote-choices {
     display: flex;
 
 .vote-choices {
     display: flex;

+    flex-wrap: wrap;

 }
 
 .vote-choice {
 }
 
 .vote-choice {


@@ -33,6 +34,7 @@
 .ambiguity-group {
     width: 100%;
     display: flex;
 .ambiguity-group {
     width: 100%;
     display: flex;

+    flex-wrap: wrap;

     justify-content: center;
     align-items: center;
     background-color: var(--accent-color);
     justify-content: center;
     align-items: center;
     background-color: var(--accent-color);


@@ -42,7 +44,6 @@
 }
 
 .ambiguity-button {
 }
 
 .ambiguity-button {

-    width: 100%;

     border-radius: 10px;
     margin: 0;
 }
     border-radius: 10px;
     margin: 0;
 }