        {:style {:margin-top "10px"}}
        [:div.progress-bar.progress-bar-success {:style {:width (str @user-progress "%")}}]])))
 
-(def textarea-style {:width "100%" :height 200})
+(def textarea-style {:width "100%" :height 200 :margin-bottom "10px"})
 
 (def models
   [

        done (re-frame/subscribe [:key-in-db :done])
        ]
    (fn []
      [:div
       [:h2.ribbon "Your turn!"]
       [:h4 "Here you can check yourself: Which model follows your intution?"]
       [:div.well.bg-warning
        [:strong "Important: "]
        "Set the division with a dash '-': 'игорь' -> 'и-горь'. There will be 10 words to divide."
        [:div.input-group.col-sm-4

  (:require [reagent.core :as reagent :refer [atom]]
            [reagent.session :as session]
            [reagent.core :as r]
            [russyll.text :as text]
            [russyll.globals :as globals]
            [re-frame.core :as re-frame]
            [secretary.core :as secretary :include-macros true]
            [goog.events :as events]
            [goog.history.EventType :as EventType])

  (:use
   [russyll.globals :only [sformat]]
   [russyll.syllab :only [syll-single]]
   [russyll.orphoep :only [orpho-single ++ --]]
   [russyll.usertest :only [serve-words-rand calc-stats]]
   )
  (:import goog.History)
  )
