Definition Lists on Smartphone unusable

Definition Lists (Create a nice looking definition list separated with a line by using the CSS class separator.)
This feature has a problem because it's not responsive. Means that the left space of the List remains as wide as it is, and the right side ist compressed, text wrapped. This does not look beautiful. Because often people looks on their smartphone. I want to use this for presenting opening hours of a store, so leftside means "monday-friday" and rightside means "8:00 to 12:00, 13:00 to 18:00" - so if this ours are wrapped, nobody can read this
Do you have a solution for that? For exemple changing leftside to a kind of headline to the right side?
This definition list looks great, so I'd like not to miss that.
For exemple on this (developing ) site www.augenoptikott.ch/web3/ on the bottom of the site.
Regards
Heinz

Hello Heinz,
the mobile view for definition list is optimized and has a word-break included and it is responsive.
If you have another idea how to show the list in small devices, you have to customized the css file.
But in my mind its perfect and in which way should the text flow?