vier smileybutton: little polish in dark.css

[friendica.git] / view / theme / vier / mobile.css

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index 128fb469c670f551281b9c59a76dc522aca8b440..b67dc5f77121f0560a282da5deebb80490c533c9 100644 (file)
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -8,11 +8,11 @@ aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-dat
 }
 
 section {
-  /* left: calc((100% - (784px)) / 2); */
+  box-sizing: border-box;
   left: 0px;
-  width: calc(100% - 20px);
+  width: 100%;
   max-width: 100%;
-  padding: 10px;
+  padding: 5px;
 }
 
 body, section, nav .nav-menu, div.pager, ul.tabs {
@@ -92,8 +92,8 @@ nav ul {
 .wall-item-container.thread_level_5,
 .wall-item-container.thread_level_6,
 .wall-item-container.thread_level_7 {
-  margin-left: 60px;
-  width: calc(100% - 70px);
+  margin-left: 0;
+  width: calc(100% - 10px);
 }
 
 .wall-item-container.thread_level_2 .wall-item-content,
@@ -105,6 +105,10 @@ nav ul {
   max-width: 100%;
 }
 
+.wall-item-container .wall-item-info { width: auto; }
+.contact-photo-wrapper { width: 55px; }
+.wwto { left: 0px; }
+
 /* aside in/out */
 .mobile-aside-toggle {
        display: block !important;
@@ -162,6 +166,19 @@ aside.show {
 .tabs.show::after { display: none; }
 .tabs.show .tab { display: block; }
 
+/* jot buttons */
+#profile-jot-submit,
+#jot-preview-link {
+    float: none;
+    display: block;
+    width: 100%;
+    margin: 0 0 1em 0;
+}
+#profile-jot-submit-wrapper > div {
+    margin: 0 1em 1em 0;
+}
+#profile-jot-submit-wrapper > div#profile-jot-perms { margin: 0; }
+ 
 /* ACL window */
 #profile-jot-acl-wrapper, #profile-jot-acl-wrapper * { box-sizing: border-box; }
 #acl-wrapper { width: 100%; float: none; }
@@ -235,3 +252,29 @@ select:focus {
 .field.checkbox label { width: 70%; float: left; }
 .field .field_help { margin: 0; }
 
+/** event **/
+.event-start, .event-end { width: auto; }
+.event-start .dtstart, .event-end .dtend { float: none; display: block; }
+
+/** oembed **/
+.embed_video {
+  float: none;
+  margin: 0px;
+  height: 120px;
+  width: 100%;
+  overflow: hidden;
+  display: block;
+}
+.embed_video > img {
+  display: block;
+  width: 100% !important;
+  height: auto !important;
+  max-width: 100% !important;
+}
+.embed_video > div {
+  background-image: none !important; background-color: transparent !important;
+  width: 100% !important; height: 110px !important;
+}
+
+.type-link > a { height: 120px; width: 100%; overflow: hidden; display: block; }
+.type-link > a > img { display: block; max-width: 100%!important; width: 100% !important; height: auto !important; }
\ No newline at end of file