diff --git a/core/modules/system/system.admin.css b/core/modules/system/system.admin.css
index 957d3e0..e0fa8c7 100644
--- a/core/modules/system/system.admin.css
+++ b/core/modules/system/system.admin.css
@@ -61,10 +61,52 @@ small .admin-link:after {
 #system-modules div.incompatible {
   font-weight: bold;
 }
+#system-modules .module {
+  background: transparent url(../../misc/menu-collapsed.png) center left no-repeat;
+}
+#system-modules .expanded .module {
+  background: transparent url(../../misc/menu-expanded.png) center left no-repeat;
+}
+#system-modules label.module-name {
+  margin-left: 5px;
+}
+#system-modules label.module-name a {
+  color: #1d1d1d;
+  font-size: 1.15em;
+}
+#system-modules .description .inner {
+  color: #5c5c5b;
+  height: 20px;
+  line-height: 20px;
+  overflow: hidden; /* truncates descriptions if too long */
+}
+@media screen and (max-width: 40em) {
+  #system-modules .description .inner .text {
+    visibility: hidden;
+  }
+}
+#system-modules .description .version {
+}
+#system-modules .requirements {
+  padding: 5px 0;
+  max-width: 490px;
+}
+#system-modules .links {
+  overflow: hidden; /* prevents collapse */
+}
+#system-modules .checkbox {
+  margin: 0 5px;
+}
+#system-modules .checkbox label {
+  display: none;
+}
+#system-modules .checkbox .form-item {
+  margin-bottom: 0;
+}
 div.admin-requirements,
 div.admin-required {
   font-size: 0.9em;
-  color: #444;
+  color: #666666;
 }
 span.admin-disabled {
   color: #800;
@@ -77,8 +119,10 @@ span.admin-missing {
 }
 a.module-link {
   display: block;
-  padding: 1px 0 1px 20px; /* LTR */
+  padding: 2px 20px; /* LTR */
   white-space: nowrap;
+  margin-top: 2px;
+  float: left;
 }
 a.module-link-help {
   background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
diff --git a/core/modules/system/system.admin.inc b/core/modules/system/system.admin.inc
index 2bf4343..98ec0f1 100644
--- a/core/modules/system/system.admin.inc
+++ b/core/modules/system/system.admin.inc
@@ -853,7 +853,7 @@ function system_modules($form, $form_state = array()) {
           $extra['disabled'] = TRUE;
         }
         elseif ($files[$requires]->status) {
-          $extra['requires'][$requires] = t('@module (<span class="admin-enabled">enabled</span>)', array('@module' => $requires_name));
+          $extra['requires'][$requires] = t('@module', array('@module' => $requires_name));
         }
         else {
           $extra['requires'][$requires] = t('@module (<span class="admin-disabled">disabled</span>)', array('@module' => $requires_name));
@@ -900,7 +900,7 @@ function system_modules($form, $form_state = array()) {
       // Hidden modules are unset already.
       if (isset($visible_files[$required_by])) {
         if ($files[$required_by]->status == 1 && $module->status == 1) {
-          $extra['required_by'][] = t('@module (<span class="admin-enabled">enabled</span>)', array('@module' => $files[$required_by]->info['name']));
+          $extra['required_by'][] = t('@module', array('@module' => $files[$required_by]->info['name']));
           $extra['disabled'] = TRUE;
         }
         else {
@@ -921,9 +921,7 @@ function system_modules($form, $form_state = array()) {
       '#header' => array(
         array('data' => t('Enabled'), 'class' => array('checkbox')),
         t('Name'),
-        t('Version'),
         t('Description'),
-        array('data' => t('Operations'), 'colspan' => 3),
       ),
       // Ensure that the "Core" package fieldset comes first.
       '#weight' => $package == 'Core' ? -10 : NULL,
@@ -933,6 +931,7 @@ function system_modules($form, $form_state = array()) {
   // Lastly, sort all fieldsets by title.
   uasort($form['modules'], 'element_sort_by_title');
 
+  $form['#attached']['js'] = array(drupal_get_path('module', 'system') . '/system.modules.js');
   $form['actions'] = array('#type' => 'actions');
   $form['actions']['submit'] = array(
     '#type' => 'submit',
@@ -2601,33 +2600,47 @@ function theme_system_modules_fieldset($variables) {
 
   // Individual table headers.
   $rows = array();
-  // Iterate through all the modules, which are
-  // children of this fieldset.
+
+  // Iterate through all the modules, which are children of this fieldset.
   foreach (element_children($form) as $key) {
-    // Stick it into $module for easier accessing.
+    // Stick the key into $module for easier accessing.
     $module = $form[$key];
+
+    // Create the row for the table.
     $row = array();
+
+    // Add the checkbox into the first cell.
     unset($module['enable']['#title']);
+    //$row[] = array('class' => array('checkbox'), 'data' => drupal_render($module['enable']));
     $row[] = array('class' => array('checkbox'), 'data' => drupal_render($module['enable']));
-    $label = '<label';
+
+    // Add the module label and expand/collapse functionalty.
+    $col2 = '<label';
     if (isset($module['enable']['#id'])) {
-      $label .= ' for="' . $module['enable']['#id'] . '"';
+      $col2 .= ' for="' . $module['enable']['#id'] . '"';
     }
-    $row[] = $label . '><strong>' . drupal_render($module['name']) . '</strong></label>';
-    $row[] = drupal_render($module['version']);
+    $col2 .= 'class="module-name"><a href="#">' . drupal_render($module['name']) . '</a></label>';
+    $row[] = array('class' => array('module'), 'data' => $col2);
+
     // Add the description, along with any modules it requires.
-    $description = drupal_render($module['description']);
+    $col3 = '<div class="inner"><span class="version">' . drupal_render($module['version']) . '</span><span class="text"> - ' . drupal_render($module['description']) . '</span></div>';
+    $col3 .= '  <div class="requirements">';
     if ($module['#requires']) {
-      $description .= '<div class="admin-requirements">' . t('Requires: !module-list', array('!module-list' => implode(', ', $module['#requires']))) . '</div>';
+      $col3 .= '    <div class="admin-requirements">' . t('Requires: !module-list', array('!module-list' => implode(', ', $module['#requires']))) . '</div>';
     }
     if ($module['#required_by']) {
-      $description .= '<div class="admin-requirements">' . t('Required by: !module-list', array('!module-list' => implode(', ', $module['#required_by']))) . '</div>';
+      $col3 .= '    <div class="admin-requirements">' . t('Required by: !module-list', array('!module-list' => implode(', ', $module['#required_by']))) . '</div>';
     }
-    $row[] = array('data' => $description, 'class' => array('description'));
-    // Display links (such as help or permissions) in their own columns.
+    $col3 .= '  </div>';
+
+    $col3 .= '  <div class="links">';
     foreach (array('help', 'permissions', 'configure') as $key) {
-      $row[] = array('data' => drupal_render($module['links'][$key]), 'class' => array($key));
+      $col3 .= drupal_render($module['links'][$key]);
     }
+    $col3 .= '  </div>';
+
+    $row[] = array('class' => array('description'), 'data' => $col3);
+
     $rows[] = $row;
   }
 
diff --git a/core/modules/system/system.modules.js b/core/modules/system/system.modules.js
new file mode 100644
index 0000000..4c71796
--- /dev/null
+++ b/core/modules/system/system.modules.js
@@ -0,0 +1,43 @@
+(function ($, Drupal) {
+
+"use strict";
+
+$.extend(Drupal.settings, {
+  hideModules: {
+    method: 'slideToggle',
+    args: 'fast'
+  }
+});
+
+ /**
+  * Show/hide the requirements information on modules page.
+  */
+Drupal.behaviors.hideModuleInformation = {
+  attach: function (context, settings) {
+    var $table = $('#system-modules').once('expand-modules');
+    var effect = settings.hideModules;
+    if ($table.length) {
+      // Fancy animating.
+      $table.on('click', 'td.module', function (e) {
+        e.preventDefault();
+        var $tr = $(this).closest('tr');
+        $tr.toggleClass('expanded');
+        $tr.find('.requirements, .links')[effect.method](effect.args);
+      });
+      // Makes the whole cell a click target.
+      $table.on('click', 'td.checkbox', function (e) {
+        var input = $(this).find('input').get(0);
+        if (!input.readOnly && !input.disabled) {
+          input.checked = !input.checked;
+        }
+      });
+      // Catch the event on the checkbox to avoid triggering previous handler.
+      $table.on('click', 'input', function (e) {
+        e.stopPropagation();
+      });
+    }
+    $table.find('.requirements, .links').hide();
+  }
+};
+
+}(jQuery, Drupal));
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 80a5874..5d764f7 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -941,3 +941,33 @@ div.add-or-remove-shortcuts {
   color: #fff;
   border-radius: 8px;
 }
+
+/* Modules page */
+#system-modules fieldset {
+  border: 0;
+}
+#system-modules .fieldset-wrapper {
+  padding: 0;
+}
+#system-modules label {
+  font-weight: normal;
+}
+#system-modules table {
+  border: 0;
+}
+#system-modules tr.even,
+#system-modules tr.odd {
+  background: #f3f4ee;
+  border: 0;
+  border-bottom: 10px solid #fff;
+}
+#system-modules tr td:last-child {
+  border: 0;
+}
+#system-modules table th {
+  border: 0;
+  border-bottom: 10px solid #fff;
+}
+#system-modules .sticky-header th {
+  border: 0;
+}