Revert "Fix #4781: Fixed zoom in Problem with code editor (oppia#4783)"

This reverts commit 73be244.
ctao5660 · Apr 22, 2018 · 4d7752c · 4d7752c
1 parent a4dbc9a
commit 4d7752c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/core/templates/dev/head/pages/exploration_player/conversation_skin_directive.html b/core/templates/dev/head/pages/exploration_player/conversation_skin_directive.html
@@ -443,8 +443,8 @@
     }
 
     .conversation-skin-tutor-card {
-      padding-bottom: 0px;
-      padding-left: 0px;
+      padding-bottom: 0;
+      padding-left: 0;
     }
   }
 </style>
diff --git a/core/templates/dev/head/pages/exploration_player/progress_nav_directive.html b/core/templates/dev/head/pages/exploration_player/progress_nav_directive.html
@@ -1,5 +1,4 @@
-<!-- 87px is used to move the opppia avatar inside the conversation-skin-tutor-card div (so that it does not goes out of screen during zoom in). -->
-<div class="progress-nav-bar" layout="row" layout-align="space-between center">
+<div layout="row" layout-align="space-between center" style="background-color: white;">
   <!-- Wrapping div on first button keeps the second button right-aligned
     even when the first button is not present. -->
   <div>
@@ -48,7 +47,7 @@
 
   @media screen and (max-width: 959px) {
    progress-nav .progress-nav-bar {
-      margin-left: 0px;
+      margin-left: 0;
     }
   }
 </style>
diff --git a/core/templates/dev/head/pages/exploration_player/tutor_card_directive.html b/core/templates/dev/head/pages/exploration_player/tutor_card_directive.html
@@ -101,6 +101,7 @@
 <style>
   .conversation-skin-tutor-card {
     max-width: 100vw;
+    padding-bottom: 18px;
   }
 
   .conversation-skin-instruction-disabled {
@@ -135,7 +136,7 @@
   }
 
   .conversation-skin-tutor-card-top-section {
-    padding: 20px 20px 20px;
+    padding: 0 20px;
   }
 
   .conversation-skin-tutor-card-top-content p:not(:last-child) {
@@ -152,11 +153,11 @@
     border: 3px solid #f3d140;
   }
 
-  /* 87px is used to move the opppia avatar inside the conversation-skin-tutor-card div (so that it does not goes out of screen during zoom in). */
   .conversation-skin-tutor-card,
   .conversation-skin-future-tutor-card {
+    background: #fff;
     border-radius: 2px;
-    padding-left: 87px;
+    padding-top: 20px;
     text-align: left;
   }
 
@@ -179,7 +180,6 @@
   }
 
   .conversation-skin-tutor-card-content {
-    background-color: white;
     word-wrap: break-word;
   }
 
@@ -218,7 +218,7 @@
   .conversation-skin-inline-interaction {
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
-    padding: 8px 20px 25px;
+    padding: 8px 20px 0;
     position: relative;
   }