fix translate text/file buttons

app/static/css/main.css

@@ -56,6 +56,7 @@ h3.header {
   outline: none;
   position: relative;
 }
+
 @-moz-document url-prefix() {
   .language-select select {
     -moz-appearance: none;
@@ -119,8 +120,11 @@ h3.header {
 }
 
 .btn-switch-type {
-    background-color: #fff;
-    color: #42A5F5;
+  background-color: #fff;
+  color: #42A5F5;
+  display: flex;
+  align-items: center;
+  margin: .5rem;
 }
 
 .btn-switch-type:focus {
@@ -179,6 +183,22 @@ h3.header {
   font-size: 1.35rem;
 }
 
+#translation-type-btns {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: -.5rem;
+}
+
+.btn-text {
+  display: none;
+  margin-left: 1em;
+}
+
+#translation-form {
+  padding-top: 1em;
+}
+
 .progress {
   background-color: #f3f3f3;
 }
@@ -236,6 +256,12 @@ h3.header {
   height: 32px;
 }
 
+@media (min-width: 280px) {
+  .btn-text {
+    display: inline;
+  }
+}
+
 @media (max-width: 760px) {
   .language-select select {
     text-align: center;